forms component

DatePicker

Reusable date picker component.

@wrnexus/ui 0.2.678 props0 slots0 events

Usage

Components are auto-discovered. Use the component directly in any .wrn view:

<DatePicker
  id="date"
  name="date"
  label="Date"
  value="value"
  min="min"
/>

Legacy mount name: data-component="DatePicker".

Props and attributes

Prop	Type	Requirement	Default
`class`	`string`	Optional	`""`
`id`	`string`	Optional	`"date"`
`name`	`string`	Optional	`"date"`
`label`	`string`	Optional	`"Date"`
`value`	`string`	Optional	`""`
`min`	`string`	Optional	`""`
`max`	`string`	Optional	`""`
`required`	`boolean`	Optional	`false`

Slots

This component does not declare a slot.

Events

This component does not declare a custom event.

Source contract

Installed source: components/DatePicker.wrn

component DatePicker {
  props {
    class = ""
    id: string = "date"
    name: string = "date"
    label: string = "Date"
    value: string = ""
    min: string = ""
    max: string = ""
    required: boolean = false
  }
  view {
        <DateInput class="{class}" id="{id}" name="{name}" label="{label}" value="{value}" required="{required}" />
    }
}