Datepicker (Calendar)
A dedicated component that allows the user to select
a date or a date-range in an easy way.
Use Cases
- When a date or date-range is requested to be provided on a form or search bar.
Schedule Inspection Visit for:
Dining Room, Blinds
Request #496126Length of visit
1 hour
Location
Your Home
GL Homes Inspector
Simon Reese
Schedule
Confirm
Complete
Time Zone
1 hour
Select the time you would like to schedule the inspection for:
HTML
Do's & Dont's
Keep labeling clear
Be sure that the date input label is clearly describing the
information requested and also helps the user clearly identify is he
is to provide a single date or a date range instead.
Keep date formatting consistent
Unless advised or required by the business needs, keep the US
default date format coherent through all the fields and entries. The
consistency on this will help the user going through the content
with ease.
Alternative and Related components
