Amara styleguide


Date input/display

Use timezone for date inputs to properly be handled and for datetimes to be properly displayed on the client-side. We use flatpickr for the datetime picker.

Use `.datetime-display` for elements that will contain a datetime and give the time in its `data-datetime` attribute. The datetime will be converted into the client's local timezone (the time zone used by the OS)

Example datetime display (should display the current local time of your computer):

Use `ui.forms.AmaraDateTimeField`

This is always preloaded with your current time
Select a date and click submit to get the corresponding server time of the input