docs/8.0/ayanova/docs/ay-start-common-controls.md

@@ -39,18 +39,76 @@ When the role control is opened for selection by clicking on the drop down caret
 
 Place or removing a check in the checkbox to the left of a role will select or de-select that role.
 
-### Autocomplete (searchable pick list)
+### Autocomplete
 
 The Autocomplete list is at the heart of many forms in AyaNova and is provided to quickly search for and select a related AyaNova business object. For example a Customer on a Work order.
 
-There are so many features in an Autocomplete list that it has it's own [Autocomplete documentation page](ay-start-form-autocomplete-md).
+There are many features in an Autocomplete list and it has it's own [Autocomplete documentation page](ay-start-form-autocomplete-md).
 
 ### Currency
 
+![currency control](img/control-currency.png)
+
+The currency control displays and accepts currency input.
+
+The display and input format are controlled by both the device and web browser default settings for decimal numbers and the desired currency code set in the [User settings](home-user-settings.md/#currency-code) currency code field.
+
 ### Date
 
+The Date control is used to display and choose dates without time. Dates are displayed in the devices local time zone by default but can be [overriden](ay-start-localization.md/#time-zone-override).
+
+AyaNova has two versions of the Date control available, the default is a "Material" theme date picker and the alternative is to use your browsers default system date picker.
+
+Which one is used is controlled in [User settings](home-user-settings.md/##user-browsers-standard-date-time-input-controls) "User browser standard date time input" setting.
+
+Default "Material" date picker:
+
+Display mode:
+
+![date view material mode](img/control-date-view-material.png)
+
+Picker mode:
+
+![date pick material mode](img/control-date-pick-material.png)
+
+Browser default date picker will display differently on different devices, in Windows on FireFox it looks like this:
+
+Display mode:
+
+![date view browser mode](img/control-date-view-browser.png)
+
+Picker mode:
+
+![date pick browser mode](img/control-date-pick-browser.png)
+
 ### Date and Time
 
+The Date and time control is used to display and choose dates and times as a pair and is the most common date and time related control in AyaNova as most objects require a precise timestamp. Dates and times are displayed in the devices local time zone by default but can be [overriden](ay-start-localization.md/#time-zone-override).
+
+AyaNova has two versions of the Date and Time control available, the default is a "Material" theme date and time picker and the alternative is to use your browsers default system date and time pickers.
+
+Which one is used is controlled in [User settings](home-user-settings.md/##user-browsers-standard-date-time-input-controls) "User browser standard date time input" setting.
+
+Default "Material" date and time picker:
+
+Display mode:
+
+![date and time view material mode](img/control-date-time-view-material.png)
+
+Picker mode:
+
+![date and time pick material mode](img/control-date-time-pick-material.png)
+
+Browser default date picker will display differently on different devices, in Windows on FireFox it looks like this:
+
+Display mode:
+
+![date and time view browser mode](img/control-date-time-view-browser.png)
+
+Picker mode:
+
+![date and time pick browser mode](img/control-date-time-pick-browser.png)
+
 ### Day of week
 
 ### Decimal