Forms
Date and time inputs
Use styled native date, time, datetime-local, month, and week pickers without JavaScript.
Forms
Date and time inputs
Apply .bs-input to native date and time types to retain platform pickers, locale formatting, validation, and mobile keyboards.
Date input
HTML · Date input
<label class="bs-label" for="start-date">Start date</label>
<input class="bs-input" id="start-date" name="start_date" type="date" min="2026-01-01" />Time input
HTML · Time input
<label class="bs-label" for="start-time">Start time</label>
<input class="bs-input" id="start-time" name="start_time" type="time" step="900" />Local date and time
HTML · Datetime-local input
<label class="bs-label" for="publish-at">Publish at</label>
<input class="bs-input" id="publish-at" name="publish_at" type="datetime-local" />Month input
HTML · Month input
<label class="bs-label" for="billing-month">Billing month</label>
<input class="bs-input" id="billing-month" name="billing_month" type="month" />Week input
HTML · Week input
<label class="bs-label" for="delivery-week">Delivery week</label>
<input class="bs-input" id="delivery-week" name="delivery_week" type="week" />Server handling: native date values submit as date-like strings without a timezone. Treat
datetime-local as local wall time and collect a timezone separately when the instant matters.