Язык

English Gaeilge 简体中文 Español हिन्दी Português বাংলা Русский 日本語廣東話 Tiếng Việt العربية

дизайн-система rastrillo

Обзор всего, что даёт дизайн-система. Тема: signal. Язык: Русский.

Дата и время

Четыре поля, которые улучшает datetime.js: под каждым остаётся встроенный элемент ввода, так что читатель без скриптов получает простой элемент управления, а не сломанный.

Готовые и согласованные между собой элементы интерфейса, отрисованные на сервере.

В словаре самого фреймворка это partials: ui.Templates() возвращает partials, и docs/site/templates.md описывает их под этим именем. Слово на этой странице изменилось, слово в коде — нет.

Ссылки здесь неактивны

Ссылки неактивны, исходник примера приложен.

Каждый пример ниже — в своей рамке.

Содержимое примеров на английском. Каркасы примеров переведены.

field-date

Обычное поле даты плюс комбобокс с разбором обычной речи, который включает datetime.js, если вызывающий не передал Plain. Наберите в нём "завтра".

Улучшенное поле: введите «завтра» или «через 3 недели»

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="field-date_live">Publish on</label>
  <input rst-input id="field-date_live" name="field-date_live" type="date" value="2026-09-04" aria-describedby="field-date_live-hint" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-calendar="Календарь" data-rst-date-prev-month="Предыдущий месяц" data-rst-date-next-month="Следующий месяц" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
  <small rst-field-hint id="field-date_live-hint">The day it goes live.</small>
</div></form></section>

Слова, которые оно разбирает, уезжают в data-rst-date-words, взятые из каталога этой страницы: поле разбирает тот язык, на котором страница написана.

Обязательное, с ошибкой

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="field-date_error">Publish on <span rst-field-required aria-hidden="true">*</span></label>
  <input rst-input id="field-date_error" name="field-date_error" type="date" required aria-invalid="true" aria-describedby="field-date_error-error" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-calendar="Календарь" data-rst-date-prev-month="Предыдущий месяц" data-rst-date-next-month="Следующий месяц" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
  <small rst-field-error id="field-date_error-error">Pick a date after today.</small>
</div></form></section>

С границами

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="field-date_bounded">Within this year</label>
  <input rst-input id="field-date_bounded" name="field-date_bounded" type="date" value="2026-09-04" min="2026-01-01" max="2026-12-31" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-calendar="Календарь" data-rst-date-prev-month="Предыдущий месяц" data-rst-date-next-month="Следующий месяц" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
</div></form></section>

Plain — голое родное поле

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="field-date_plain">Publish on</label>
  <input rst-input id="field-date_plain" name="field-date_plain" type="date" value="2026-09-04">
</div></form></section>

Никаких атрибутов улучшения, поэтому datetime.js нечего найти. Родной выбор даты всё равно открывается.

field-time

Та же обёртка вокруг родного поля времени. Улучшение читает часы, а не календарь.

Улучшенное поле: введите «полвосьмого» или «полдень»

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="time_live">Doors open</label>
  <input rst-input id="time_live" name="time_live" type="time" value="19:30" aria-describedby="time_live-hint" data-rst-time data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-pick-time="Открыть часы" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
  <small rst-field-hint id="time_live-hint">Local time.</small>
</div></form></section>

Обязательное, с ошибкой

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="time_error">Doors open <span rst-field-required aria-hidden="true">*</span></label>
  <input rst-input id="time_error" name="time_error" type="time" required aria-invalid="true" aria-describedby="time_error-error" data-rst-time data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-pick-time="Открыть часы" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
  <small rst-field-error id="time_error-error">Pick a time after the sound check.</small>
</div></form></section>

С границами

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="time_bounded">Between nine and eleven</label>
  <input rst-input id="time_bounded" name="time_bounded" type="time" value="19:30" min="09:00" max="23:00" data-rst-time data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-pick-time="Открыть часы" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
</div></form></section>

Plain — голое родное поле

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="time_plain">Doors open</label>
  <input rst-input id="time_plain" name="time_plain" type="time" value="19:30">
</div></form></section>

field-datetime

Дата и время в одном поле, одно значение.

Улучшенное поле: введите «завтра» или «через 3 недели»

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="field-datetime_live">Publish on</label>
  <input rst-input id="field-datetime_live" name="field-datetime_live" type="datetime-local" value="2026-09-04T19:30" aria-describedby="field-datetime_live-hint" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-calendar="Календарь" data-rst-date-prev-month="Предыдущий месяц" data-rst-date-next-month="Следующий месяц" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
  <small rst-field-hint id="field-datetime_live-hint">When it goes live.</small>
</div></form></section>

Обязательное, с ошибкой

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="field-datetime_error">Publish on <span rst-field-required aria-hidden="true">*</span></label>
  <input rst-input id="field-datetime_error" name="field-datetime_error" type="datetime-local" required aria-invalid="true" aria-describedby="field-datetime_error-error" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-calendar="Календарь" data-rst-date-prev-month="Предыдущий месяц" data-rst-date-next-month="Следующий месяц" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
  <small rst-field-error id="field-datetime_error-error">Pick a date after today.</small>
</div></form></section>

С границами

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="field-datetime_bounded">Within this year</label>
  <input rst-input id="field-datetime_bounded" name="field-datetime_bounded" type="datetime-local" value="2026-09-04T19:30" min="2026-01-01T00:00" max="2026-12-31T23:59" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-calendar="Календарь" data-rst-date-prev-month="Предыдущий месяц" data-rst-date-next-month="Следующий месяц" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
</div></form></section>

Plain — голое родное поле

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><div rst-field>
  <label rst-field-label for="field-datetime_plain">Publish on</label>
  <input rst-input id="field-datetime_plain" name="field-datetime_plain" type="datetime-local" value="2026-09-04T19:30">
</div></form></section>

Никаких атрибутов улучшения, поэтому datetime.js нечего найти. Родной выбор даты всё равно открывается.

field-daterange

Начало и конец как одна помеченная группа. Значения Name должны различаться, потому что из них выводятся идентификаторы.

Дата и время, с начальными значениями

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><fieldset rst-field-range>
  <legend>When</legend>
  <div rst-field-row data-rst-range="session">
    <div rst-field>
  <label rst-field-label for="dr_starts_at">Starts</label>
  <input rst-input id="dr_starts_at" name="dr_starts_at" type="datetime-local" value="2026-09-04T19:30" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-calendar="Календарь" data-rst-date-prev-month="Предыдущий месяц" data-rst-date-next-month="Следующий месяц" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
</div>
    <div rst-field>
  <label rst-field-label for="dr_ends_at">Ends</label>
  <input rst-input id="dr_ends_at" name="dr_ends_at" type="datetime-local" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-calendar="Календарь" data-rst-date-prev-month="Предыдущий месяц" data-rst-date-next-month="Следующий месяц" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
</div>
  </div>
</fieldset></form></section>

Задайте начало, оставив конец пустым, — браузер подставит конец на час позже. Со стороны сервера ничего не подставляется.

Только даты, с ошибкой на конце

Компьютер Телефон Код

<section rst-box><form rst-form method="post" action="#"><fieldset rst-field-range>
  <legend>Booking</legend>
  <div rst-field-row data-rst-range>
    <div rst-field>
  <label rst-field-label for="dr_from">From</label>
  <input rst-input id="dr_from" name="dr_from" type="date" value="2026-09-04" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-calendar="Календарь" data-rst-date-prev-month="Предыдущий месяц" data-rst-date-next-month="Следующий месяц" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
</div>
    <div rst-field>
  <label rst-field-label for="dr_to">To</label>
  <input rst-input id="dr_to" name="dr_to" type="date" value="2026-09-01" aria-invalid="true" aria-describedby="dr_to-error" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;назад&#34;,&#34;am&#34;:&#34;am|утра&#34;,&#34;at&#34;:&#34;в|во&#34;,&#34;day&#34;:&#34;день|дня|дней|д&#34;,&#34;hour&#34;:&#34;час|часа|часов|ч&#34;,&#34;in&#34;:&#34;через&#34;,&#34;last&#34;:&#34;прошлый|прошлая|прошлое|прошлую|прошлой&#34;,&#34;midnight&#34;:&#34;полночь|полуночи&#34;,&#34;minute&#34;:&#34;минута|минуты|минут|мин|м&#34;,&#34;month&#34;:&#34;месяц|месяца|месяцев|мес&#34;,&#34;next&#34;:&#34;следующий|следующая|следующее|следующую|след&#34;,&#34;noon&#34;:&#34;полдень|полудня&#34;,&#34;pm&#34;:&#34;pm|вечера&#34;,&#34;today&#34;:&#34;сегодня&#34;,&#34;tomorrow&#34;:&#34;завтра&#34;,&#34;week&#34;:&#34;неделя|недели|недель|неделю&#34;,&#34;yesterday&#34;:&#34;вчера&#34;}" data-rst-date-set="Задать" data-rst-date-hint="Попробуйте: {example}" data-rst-date-pick="Открыть календарь" data-rst-date-calendar="Календарь" data-rst-date-prev-month="Предыдущий месяц" data-rst-date-next-month="Следующий месяц" data-rst-date-results="Подсказок: {n}" data-rst-date-result-one="1 подсказка" data-rst-date-quick-today="Сегодня" data-rst-date-quick-tomorrow="Завтра" data-rst-date-quick-next-week="Через неделю" data-rst-date-quick-plus-1h="На час позже" data-rst-date-quick-plus-2h="На два часа позже" data-rst-date-quick-end-of-day="Конец дня" data-rst-date-quick-next-day="То же время на следующий день">
  <small rst-field-error id="dr_to-error">The end comes before the start.</small>
</div>
  </div>
</fieldset></form></section>