Workflow - AngularJS Components - Date Picker

Published on Thursday, 7 September 2017

In this Article I will run through how to enable AngularJS when using a DatePicker Component.

Table Of Contents

On a Web Form add a Date Picker Component.

Calendar Preferences

LogicBase.Components.FormBuilder.AdvancedComponents.DatePickerComponent
https://www.symantec.com/connect/articles/datepicker

Date Time

LogicBase.Components.FormBuilder.AdvancedComponents.DateTimePickerComponent
https://www.symantec.com/connect/articles/datetimepicker

Edit the settings and go to the "Appearance" tab where you can check the "Use Angular JS" box.

AngularJS - Date Picker - Edit Component - Use AngularJS

Fill in the other properties where appropriate.

Then run your app in Debug to see the differences.

New

AngularJS - DateTime - Date - New

AngularJS - DateTime - Time - New

Original

AngularJS - DateTime - Date - Original

The time doesn't change much.

As you can see there is different styling, more rounded corners and some more information.

Protirus