CCM Web Design Standards

Date Picker UI

<label>Datepicker</label>
<input id="datepicker" data-ccm-datepicker="datepicker-syntec" type="text" placeholder="Select Date" />
  • Use when you need to collect a date (month, day, and year).
  • Use the datepicker with branded colors.
  • The datepicke should appear upon first click into the form field.
  • Always include the calendar icon in the field.