docs(time-picker): fix default value

This commit is contained in:
Eric Liu 2022-04-03 11:13:38 -07:00
commit f4f7a6b7f0

View file

@ -10,11 +10,11 @@ components: ["TimePicker", "TimePickerSelect", "SelectItem"]
### Default ### Default
<TimePicker labelText="Cron job" placeholder="hh:mm"> <TimePicker labelText="Cron job" placeholder="hh:mm">
<TimePickerSelect value="PM"> <TimePickerSelect value="pm">
<SelectItem value="am" text="AM" /> <SelectItem value="am" text="AM" />
<SelectItem value="pm" text="PM" /> <SelectItem value="pm" text="PM" />
</TimePickerSelect> </TimePickerSelect>
<TimePickerSelect value="PDT"> <TimePickerSelect value="pdt">
<SelectItem value="pdt" text="PDT" /> <SelectItem value="pdt" text="PDT" />
<SelectItem value="gmt" text="GMT" /> <SelectItem value="gmt" text="GMT" />
</TimePickerSelect> </TimePickerSelect>
@ -23,11 +23,11 @@ components: ["TimePicker", "TimePickerSelect", "SelectItem"]
### Light variant ### Light variant
<TimePicker light labelText="Cron job" placeholder="hh:mm"> <TimePicker light labelText="Cron job" placeholder="hh:mm">
<TimePickerSelect value="PM"> <TimePickerSelect value="pm">
<SelectItem value="am" text="AM" /> <SelectItem value="am" text="AM" />
<SelectItem value="pm" text="PM" /> <SelectItem value="pm" text="PM" />
</TimePickerSelect> </TimePickerSelect>
<TimePickerSelect value="PDT"> <TimePickerSelect value="pdt">
<SelectItem value="pdt" text="PDT" /> <SelectItem value="pdt" text="PDT" />
<SelectItem value="gmt" text="GMT" /> <SelectItem value="gmt" text="GMT" />
</TimePickerSelect> </TimePickerSelect>
@ -36,11 +36,11 @@ components: ["TimePicker", "TimePickerSelect", "SelectItem"]
### Extra-large size ### Extra-large size
<TimePicker size="xl" labelText="Cron job" placeholder="hh:mm"> <TimePicker size="xl" labelText="Cron job" placeholder="hh:mm">
<TimePickerSelect value="PM"> <TimePickerSelect value="pm">
<SelectItem value="am" text="AM" /> <SelectItem value="am" text="AM" />
<SelectItem value="pm" text="PM" /> <SelectItem value="pm" text="PM" />
</TimePickerSelect> </TimePickerSelect>
<TimePickerSelect value="PDT"> <TimePickerSelect value="pdt">
<SelectItem value="pdt" text="PDT" /> <SelectItem value="pdt" text="PDT" />
<SelectItem value="gmt" text="GMT" /> <SelectItem value="gmt" text="GMT" />
</TimePickerSelect> </TimePickerSelect>
@ -49,11 +49,11 @@ components: ["TimePicker", "TimePickerSelect", "SelectItem"]
### Small size ### Small size
<TimePicker size="sm" labelText="Cron job" placeholder="hh:mm"> <TimePicker size="sm" labelText="Cron job" placeholder="hh:mm">
<TimePickerSelect value="PM"> <TimePickerSelect value="pm">
<SelectItem value="am" text="AM" /> <SelectItem value="am" text="AM" />
<SelectItem value="pm" text="PM" /> <SelectItem value="pm" text="PM" />
</TimePickerSelect> </TimePickerSelect>
<TimePickerSelect value="PDT"> <TimePickerSelect value="pdt">
<SelectItem value="pdt" text="PDT" /> <SelectItem value="pdt" text="PDT" />
<SelectItem value="gmt" text="GMT" /> <SelectItem value="gmt" text="GMT" />
</TimePickerSelect> </TimePickerSelect>
@ -62,11 +62,11 @@ components: ["TimePicker", "TimePickerSelect", "SelectItem"]
### Invalid state ### Invalid state
<TimePicker invalid invalidText="A valid value is required" labelText="Cron job" placeholder="hh:mm"> <TimePicker invalid invalidText="A valid value is required" labelText="Cron job" placeholder="hh:mm">
<TimePickerSelect value="PM"> <TimePickerSelect value="pm">
<SelectItem value="am" text="AM" /> <SelectItem value="am" text="AM" />
<SelectItem value="pm" text="PM" /> <SelectItem value="pm" text="PM" />
</TimePickerSelect> </TimePickerSelect>
<TimePickerSelect value="PDT"> <TimePickerSelect value="pdt">
<SelectItem value="pdt" text="PDT" /> <SelectItem value="pdt" text="PDT" />
<SelectItem value="gmt" text="GMT" /> <SelectItem value="gmt" text="GMT" />
</TimePickerSelect> </TimePickerSelect>
@ -76,11 +76,11 @@ components: ["TimePicker", "TimePickerSelect", "SelectItem"]
### Disabled state ### Disabled state
<TimePicker labelText="Cron job" placeholder="hh:mm" disabled> <TimePicker labelText="Cron job" placeholder="hh:mm" disabled>
<TimePickerSelect value="PM" disabled> <TimePickerSelect value="pm" disabled>
<SelectItem value="am" text="AM" /> <SelectItem value="am" text="AM" />
<SelectItem value="pm" text="PM" /> <SelectItem value="pm" text="PM" />
</TimePickerSelect> </TimePickerSelect>
<TimePickerSelect value="PDT" disabled> <TimePickerSelect value="pdt" disabled>
<SelectItem value="pdt" text="PDT" /> <SelectItem value="pdt" text="PDT" />
<SelectItem value="gmt" text="GMT" /> <SelectItem value="gmt" text="GMT" />
</TimePickerSelect> </TimePickerSelect>