Tarih seçici · Armada

Tek tarih

Telefonda takvim alttan açılır.

Teslim tarihi

Kodu göster

<div class="sc-narrow">
    <armada:date-picker label="Teslim tarihi" name="due" value="2026-10-24" />
</div>

Tarih aralığı ve hazır aralıklar

Rapor aralığı

Kodu göster

<div class="sc-narrow">
    <armada:date-picker label="Rapor aralığı" mode="range" presets :value="['start' => '2026-10-05', 'end' => '2026-10-11']" />
</div>

Min / max

Geçmiş tarihler seçilemez.

Randevu

Kodu göster

<div class="sc-narrow">
    <armada:date-picker label="Randevu" min="2026-10-11" max="2026-12-31" placeholder="Gün seçin" />
</div>

Satır içi takvim

Calendar olarak da kullanılır; Alpine ile seçimi oku.

Seçilen gün:

Kodu göster

<div class="sc-row" style="align-items:flex-start;gap:24px" x-data="{ day: '2026-10-15' }">
    <armada:date-picker inline x-model="day" value="2026-10-15" />
    <armada:date-picker inline mode="range" :value="['start' => '2026-10-08', 'end' => '2026-10-19']" />
    <p class="arm-text arm-text--sm arm-text--muted">Seçilen gün: <strong x-text="day"></strong></p>
</div>

Özellikler

<armada:date-picker>

Prop	Varsayılan	Not
`label`	`null`
`description`	`null`
`name`	`null`
`value`	`null`	'Y-m-d', or ['start' => …, 'end' => …] with mode="range"
`mode`	`'single'`	single \| range
`min`	`null`
`max`	`null`
`inline`	`false`	calendar only, no input
`presets`	`false`	range shortcuts
`placeholder`	`null`
`locale`	`null`
`required`	`false`