EasyAdmin Time Field
====================

This field is used to represent the time part of a value that stores a PHP
``DateTimeInterface`` value (e.g. ``DateTime``, ``DateTimeImmutable``, etc.)

In :ref:`form pages (edit and new) <crud-pages>` it looks like this:

.. image:: ../images/fields/field-time.png
   :alt: Default style of EasyAdmin time field

Basic Information
-----------------

* **PHP Class**: ``EasyCorp\Bundle\EasyAdminBundle\Field\TimeField``
* **Doctrine DBAL Type** used to store this value: ``time`` or ``time_immutable``
* **Symfony Form Type** used to render the field: `TimeType`_
* **Rendered as**:

  .. code-block:: html

    <input type="time"> ... </select>

Options
-------

renderAsChoice
~~~~~~~~~~~~~~

By default, in form pages (``edit`` and ``new``) the field is rendered as an
HTML5 input field. This is done because modern browsers display an advanced
date picker for these fields, making them easier to use.

If you prefer to display the time as 2 separate ``<select>`` elements to pick
the hour and minutes, use this option::

    yield TimeField::new('...')->renderAsChoice();

.. note::

    Setting this option is equivalent to setting ``widget = choice`` and
    ``html5 = true`` options in the underlying ``TimeType`` Symfony field.

renderAsNativeWidget
~~~~~~~~~~~~~~~~~~~~

By default, in form pages (``edit`` and ``new``) the field is rendered as an
HTML5 input field. This is done because modern browsers display an advanced
date picker for these fields, making them easier to use.

This option allows you to programmatically enable/disable this behavior (e.g.
based on the result of some expression). Setting it to ``false`` is equivalent
to calling ``renderAsChoice()``::

    yield TimeField::new('...')->renderAsNativeWidget(false);

.. note::

    Setting this option is equivalent to setting ``widget = single_text`` and
    ``html5 = true`` options in the underlying ``TimeType`` Symfony field.

renderAsText
~~~~~~~~~~~~

By default, in form pages (``edit`` and ``new``) the field is rendered as an
HTML5 input field. This is done because modern browsers display an advanced
date picker for these fields, making them easier to use.

If you prefer to display the time as a single ``<input type="text">`` element,
use this option::

    yield TimeField::new('...')->renderAsText();

.. note::

    Setting this  option is equivalent to setting ``widget = single_text`` and
    ``html5 = false`` options in the underlying ``TimeType`` Symfony field.

setFormat
~~~~~~~~~

By default, in read-only pages (``index`` and ``detail``) times are displayed in
the format defined by the :ref:`setTimeFormat() CRUD option <crud-date-time-number-format-options>`.
Use this option to override that default formatting::

    // these are the predefined formats: 'short', 'medium', 'long', 'full'
    yield TimeField::new('...')->setFormat('long');

    // predefined formats are available as constants too
    use EasyCorp\Bundle\EasyAdminBundle\Field\DateTimeField;

    yield TimeField::new('...')->setFormat(DateTimeField::FORMAT_LONG);

In addition to predefined formats, you can configure your own format by passing
a valid `ICU Datetime Pattern`_ to this function::

    yield TimeField::new('...')->setFormat('HH:mm:ss zzz');
    yield TimeField::new('...')->setFormat('K:mm a, z');

setTimezone
~~~~~~~~~~~

By default, in read-only pages (``index`` and ``detail``) times are displayed
using the timezone defined by the :ref:`setTimezone() CRUD option <crud-date-time-number-format-options>`.
Use this option to override that default timezone (the argument must be any of
the valid `PHP timezone IDs`_)::

    yield TimeField::new('...')->setTimezone('America/Mexico_City');

.. _`TimeType`: https://symfony.com/doc/current/reference/forms/types/time.html
.. _`ICU Datetime Pattern`: https://unicode-org.github.io/icu/userguide/format_parse/datetime/
.. _`PHP timezone IDs`: https://www.php.net/manual/en/timezones.php