Design system
Date and Time
Last updated 4 April 2025
An easy to use, user friendly Time and Date Picker calendar from Insites. What more can we ask for?
This is only available on Desktop for mobile devices input will use the default for the device.
Figma Component Variant Properties
Date and Time Input Field
| Properties | Options | Notes |
|---|---|---|
| Has value | True, False | Toggle to select if the input field will display the value or the placeholder for the component. |
| State | Default, Focused, Disabled, Read Only, Error | Select the state of the component. |
| Show Label Wrapper | True, False | Toggle to hide or show the label and tooltip for the component. Show Label and Show Tooltip property for the component will be hidden if this is disabled. |
| Show Label | True, False | Toggle to show or hide the label for the component. |
| Show Tooltip | True, False | Toggle to show or hide the tooltip for the component. |
| Show Icon | True, False | Toggle to show or hide the icon for the component. |
Date Time Overlay
| Properties | Options | Notes |
|---|---|---|
| Picker | Date and Time Picker, Date Picker, Time Picker, Time Picker No Meridiem | Select the type of picker to use for the component. |