The Calendar component allows users to select dates through an interactive calendar interface. It’s useful for date pickers, scheduling, and any scenario where choosing a date is required.
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|
<?php
use Lib\PHPXUI\Calendar;
?>
<Calendar
mode="single"
selected="date"
onSelect="setDate"
class="rounded-md border shadow-sm"
captionLayout="dropdown"
/>
<script>
const [date, setDate] = pp.state(new Date());
</script>Installation
npm
npx phpxui add Calendar
Usage
use Lib\PHPXUI\Calendarconst [date, setDate] = pp.state(new Date());
<Calendar
mode="single"
selected="date"
onSelect="setDate"
class="rounded-lg border"
/>