Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Expand
titleExpand for table of Content
orderupdate
Table of Contents
outlinetrue
stylesquare

Description

StatuscolourYellowtitleOngoing 

Date and time pickers allow users to select a single or a range of dates and times.

Image Removed


Expand
titleExpand for table of Content
orderupdate
Table of Contents
outlinetrue
stylesquare

Description

Status
colourYellow
titleOngoing
 

Date and time pickers allow users to select a single or a range of dates and times. 

A date picker is a combination of:

  • Picker -The date picker lets users pick a localized date using touch, mouse, or keyboard input. It consists of two parts: the date input field and the date picker. The control also allows users to navigate directly from one month or year to another. 
  • Input - The time input control allows users to enter a time.

Image Added

Interaction

With one click on the input field, the date picker opens. To close the window, the user can select a date (which triggers the close event), or click outside the frame.
With the date picker, the user can see a day view, month view, or a year view. The current day is colored blue and the selected date are highlighted with a grey background and a blue border.


Validation & Errors



Expand
titleExpand for more info
orderupdate

TBD

Related items:

    • Lorem ipsum dolor si

Behavior

TBD

Content guidelines 

TBD

States

Design


Zeplin Link
Thumbnail
https://zpl.io/aNXBPk2


Current appearances in our products


Expand
titleExpand to view products and screenshots
orderupdate

WFM Calendar:


Calendar Group Adherence:





New LUX design 


...