Date and time pickers

Usage

Date pickers are text entry fields tied to a standard date format and include an optional drop-down calendar/time entry screen.

Use date pickers to facilitate data entry when accuracy is critical.


Date picker.

Use a range when accuracy is critical, and users must manually select start and end dates. The following screen shots show the From date selected first, but users can begin by entering either the From or To dates.


Date Range field with empty From and To date fields.

From date field expanded and showing a calendar.

From and To fields with dates filled in.

Use a date and time picker together when a specific time is important such as when filing a new claim.


Date and time fields with a date picker.

InsuranceSuite includes a date picker for the Japanese Imperial Calendar.


Date picker showing Japanese Imperial Calendar.

PCF elements

Primary function

  • Date
  • Sample Date Time

Secondary function

  • Date/Criteria
  • Link

Best Practices

Labels

  • Left-align labels.
  • Place labels near the field to ensure that each label is clearly associated with the correct field.
  • Unless the label is a complete sentence, use title case (capitalize first, last, and all important words).

Dialog with labels.

Date and Time Pickers

Separate date and time pickers when one is required and the other is not as shown in the following screen shot.