Using Date and Time Inputs to edit your data

Datetime

Combination date picker and 12-hour time input. If site.timezone is set, dates are output with the matching offset suffix. If unset, dates are output in UTC (without an offset suffix).

Shown for input keys matching:

  • date
  • datetime
  • *_datetime
  • *-datetime
  • *Datetime
  • at
  • *_at
  • *-at
  • *At
Screenshot of datetime input field unfocused
Front Matter
date: 2018-07-15 12:00:00

Date

Date picker with options for the year, month, and day. Displayed for keys ending in _date and date values. If site.timezone is set, dates are output with the matching offset suffix. If unset, dates are output in UTC (without an offset suffix).

Screenshot of date input field unfocused
Screenshot of date input field focused
Front Matter
sale_start_date: 2018-01-09 00:00:00
Note

The time part is always added as 00:00:00 for consistency with Date Time fields and sorting comparisons in Liquid.

Time

12-hour time input. Outputs to string.

Shown for input keys matching:

  • time
  • *_time
  • *-time
  • *Time
Screenshot of time input field
Front Matter
opening_time: 8:00 am
Was this article helpful? or Suggest an improvement >