admin/raven
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
John Cardinal
2022-01-19 00:21:56 +00:00
parent 1435bd97a9
commit e29efd1e2a
1 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
docs/8.0/ayanova/docs/ay-start-common-controls.md
View File

@@ -57,11 +57,11 @@ The display and input format are controlled by both the device and web browser d
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.
AyaNova has two versions of the Date control available" the default is a "Material" theme date picker that will display and work the same on any device 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:
#### Default "Material" date picker:
Display mode:
@@ -71,7 +71,15 @@ 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:
Clicking on the calendar itself in different areas will allow selecting the year, month, moving month to month or selecting a date similarly to all calender input controls.
- `Delete` option will remove the date completely.
- `Today` will set it to the local date for today.
- `OK` will accept the chosen date.
#### Browser default date picker
Will function and display differently on each type of device and browser, in Windows on FireFox it looks like this:
Display mode:
@@ -85,11 +93,11 @@ Picker mode:
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.
AyaNova has two versions of the Date and Time control available: the default is a "Material" theme date and time picker that will display and work the same on any device 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:
#### Default "Material" date and time picker:
Display mode:
@@ -99,7 +107,14 @@ 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:
**Tip**: the quickest way to select the current date *and* time is to bypass the date component and select `Now` in the time component which will set both the date and time at once.
See the [date](#date) section for details on usage of the date component and the [time](#time) section for details on using the time component.
#### Browser default date picker
Will display differently on each type of device and browser, in Windows on FireFox it looks like this:
Display mode: