SchedulePicker
Reusable schedule picker component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<SchedulePicker
label="Schedule"
/>Legacy mount name: data-component="SchedulePicker".
Props and attributes
| Prop | Type | Requirement | Default |
|---|---|---|---|
class | string | Optional | "" |
label | string | Optional | "Schedule" |
Slots
This component does not declare a slot.
Events
This component does not declare a custom event.
Source contract
Installed source: components/SchedulePicker.wrn
component SchedulePicker {
props {
class = ""
label = "Schedule"
}
view {
<fieldset class="space-y-4 rounded-2xl border border-slate-200 p-5 dark:border-slate-800 {class}">
<legend class="px-2 font-semibold">{label}</legend>
<DateTimeInput id="scheduleAt" name="scheduleAt" label="Date and time" />
<TimezoneSelector />
</fieldset>
}
}