calendar

An always-open month to pick one day. Posts YYYY-MM-DD; without JS it is a plain date input.

Example

Laravel

<x-admin::calendar name="g_race_day" label="Race day" value="2026-11-15" min="2026-11-03" />

Props

PropRequiredDefaultOptions
namenull
labelnull
hintnull
errornull
idnull
valuenull
minnull
maxnull
optionalfalse
requiredfalse

Other attributes, such as wire:model or data-*, pass through to the element.

Other stacks

React and Vue: import { Calendar } from "@admiral/ui-kit/react" (or /vue). See the React and Vue guide.

HTML, for any stack
<div class="adm-field">
            <label class="adm-label" for="g_race_day">Race day</label>
        <div class="adm-calendar-field" data-adm-calendar >
        <input
            type="date"
             name="g_race_day"              id="g_race_day"              value="2026-11-15"              min="2026-11-03"                                                             class="adm-input"
        >
    </div>
        </div>