forms component

TimezoneSelector

Reusable timezone selector component.

@wrnexus/ui 0.2.674 props0 slots0 events

Usage

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

<TimezoneSelector
  id="timezone"
  name="timezone"
  label="Timezone"
/>

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

Props and attributes

Prop	Type	Requirement	Default
`class`	`string`	Optional	`""`
`id`	`string`	Optional	`"timezone"`
`name`	`string`	Optional	`"timezone"`
`label`	`string`	Optional	`"Timezone"`

Slots

This component does not declare a slot.

Events

This component does not declare a custom event.

Source contract

Installed source: components/TimezoneSelector.wrn

component TimezoneSelector {
  props {
    class = ""
    id = "timezone"
    name = "timezone"
    label = "Timezone"
  }
  view {
        <Select class="{class}" id="{id}" name="{name}" label="{label}">
        <option value="UTC">UTC</option>
        <option value="Asia/Kolkata">Asia/Kolkata</option>
        <option value="America/New_York">America/New_York</option>
        <option value="Europe/London">Europe/London</option>
        </Select>
    }
}