The Date Picker is a graphical user interface that allows the user to select a date or a time from a Calendar instead of having to type it manually.

Adding a Date Picker to the Form

1. In the Edit Form canvas, drag the from Form Widgets palette onto the form canvas. A new date picker field is added in the canvas.
   
   
2. Enter a Label for your Date Picker. Notice that the Data Field in the data section of the form editor is populated with the label name but without spaces.
   
   
   
   The Data Field name should not contain any spaces and should be a unique name within the collection.
3. The Properties section of the form editor will allow you to customize the properties of the widget. The Data tab is where the Author defines the Data type, default value, whether it's a required field, and whether to display the field in the Collection view.
   
   
   
4. Under Data Type select the type of data that will be used in you Date Picker. Date Pickers can be formatted to display a date, a time, a date and a time, or a duration.
5. The Required Field radio button allows you to determine if the field needs to be filled out before a user is able to save the record. If the field is marked as a required field, it will be designated with a red asterisk (*) in the form.
6. The Display this field in the default Collection View checkbox allows you to add this field as a column in the collection tab's view without having to enter the View Editor.
7. You can define a default value by clicking on the button to the right of Possible and Default Values. In the Possible and Default Values window, select the Default Value radio button and enter a value in the space provided. Date default values must be entered in the format YYYY-MM-DD.
   
   
8. Select either the Simple or Calculated radio button. Simple will allow users to select a value from the calendar interface while calculated will populate the value of the date picker using an expression defined using the Expression Builder. If you select the Calculated radio button the Properties section will change, allowing you to enter an expression in the Value box.
   
   
9. Click on the Widget tab to customize the Label, Width, or Format of the widget.
   
   
10. Click on Format. This will bring up the Format window which will allow you to select the format for dates and times displayed by the widget.
    
    
    
11. Authors can also define Conditional Styling options for the widget by clicking on Conditional Style.
    
    
    
12. When finished, save your changes. Refer to the section on Version Management for more information.
13. Click Exit to return to the Collection page.