RecurringSchedulePicker
Reusable recurring schedule picker component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<RecurringSchedulePicker
id="recurring-schedule"
name="recurrence"
label="Repeat"
value="none"
disabled="false"
/>Legacy mount name: data-component="RecurringSchedulePicker".
Props and attributes
| Prop | Type | Requirement | Default |
|---|---|---|---|
id | string | Optional | "recurring-schedule" |
name | string | Optional | "recurrence" |
label | string | Optional | "Repeat" |
value | string | Optional | "none" |
disabled | boolean | Optional | false |
class | string | Optional | "" |
Slots
This component does not declare a slot.
Events
This component does not declare a custom event.
Source contract
Installed source: components/RecurringSchedulePicker.wrn
component RecurringSchedulePicker {
props {
id = "recurring-schedule"
name = "recurrence"
label = "Repeat"
value = "none"
disabled = false
class = ""
}
view {
<div class="wire-field {class}">
<label for="{id}" class="wire-label">{label}</label>
<select id="{id}" name="{name}" disabled="{disabled}" class="wire-input">
<option value="none" selected="{value === 'none'}">Does not repeat</option>
<option value="daily" selected="{value === 'daily'}">Daily</option>
<option value="weekly" selected="{value === 'weekly'}">Weekly</option>
<option value="monthly" selected="{value === 'monthly'}">Monthly</option>
<option value="yearly" selected="{value === 'yearly'}">Yearly</option>
</select>
</div>
}
}