¿Cómo configurar un filtro expuesto en una vista usando un selector de fecha?

¿Cómo puedo configurar un filtro expuesto para que los usuarios puedan filtrar el contenido de mi sitio por fecha de creación, preferiblemente usando un selector de fecha?

Intenté usar Content: Authored on como filtro, pero me da un campo de texto para ingresar la fecha para ingresar una fecha / hora en el formato aaaa-mm-dd hh: mm: ss , lo que hace que ingresar la fecha sea más difícil para los usuarios y más propenso a errores.

¿Cuál es la diferencia entre Drupal 8 y Drupal 7 con Views 7.x-3?

Puede usar el módulo de ventana emergente de fecha .

Agrega el widget emergente de fecha HTML 5 nativo a todos los campos de fecha en los filtros de vistas.

Como el elemento de formulario Usar de tipo fecha en lugar del campo de texto al seleccionar una fecha en un filtro expuesto aún está en progreso.

Hay un nuevo parche lanzado hace unos días, lo pruebo en un proyecto y funciona bien. Aquí está el problema:

Use el elemento de formulario de tipo fecha en lugar de campo de texto al seleccionar una fecha en un filtro expuesto

Problema / Motivación

Al agregar un filtro expuesto de fecha y hora, no puedo simplemente seleccionar una fecha: tengo que ingresar manualmente una fecha que es muy mala UX.

Y el parche es el número 65

El módulo de Mejores filtros expuestos se integra con los campos de tipo de fecha, incluida la ventana emergente de fecha. Puede usar este módulo para agregar fácilmente un filtro expuesto con la ventana emergente de fecha.

Está en Beta por ahora, pero puedes usarlo.

Agregue el selector de fecha jquery para esa página como dependencia. your_theme.libraries.yml

date-picker:
  js:
    script/site-datepicker.js : {}
  dependencies:
    - core/jquery
    - core/jquery.ui.datepicker

site-datepicker.js

Drupal.behaviors.customDatepicker = {
  attach: function (context, settings) {
    jQuery(function () {
      jQuery("#datepicker").datepicker({
        dateFormat: "dd-mm-yy",
        altField: "input[data-drupal-selector=edit-created]",
        altFormat: "yy/mm/dd 23:59:59"
      });
    });
  }
};

vistas-expuestas-forma-- vistas-nombre-de-bloque .html.twig

{% if q is not empty %}
  {#
    This ensures that, if clean URLs are off, the 'q' is added first,
    as a hidden form element, so that it shows up first in the POST URL.
  #}
  {{ q }}
{% endif %}

<input id="datepicker" type="text">
<input data-drupal-selector="edit-created" data-msg-maxlength="This field field has a maximum length of 128." name="created" size="30" maxlength="128" aria-invalid="false" type="hidden">
{{ form|without('created') }}