mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
9114298f76* docs: fix typo [ci skip]
* docs(tree-view): update expanded nodes guidance
* chore(deps-dev): upgrade carbon-components to v10.40.0
* build(css): omit treeview SCSS import
treeview.scss is included in global styles.css by default in v10.40.0
* feat(date-picker): add helperText prop
Ref: 4b5b5fdf8
66 lines
1.2 KiB
Svelte
66 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { DatePicker, DatePickerSkeleton, DatePickerInput } from "../types";
|
|
</script>
|
|
|
|
<DatePicker
|
|
on:change="{(e) => {
|
|
console.log(e.detail);
|
|
}}"
|
|
>
|
|
<DatePickerInput
|
|
labelText="Date of birth"
|
|
helperText="Example: 01/12/1990"
|
|
placeholder="mm/dd/yyyy"
|
|
/>
|
|
</DatePicker>
|
|
|
|
<DatePicker>
|
|
<DatePickerInput
|
|
hideLabel
|
|
labelText="Date of birth"
|
|
placeholder="mm/dd/yyyy"
|
|
/>
|
|
</DatePicker>
|
|
|
|
<DatePicker light>
|
|
<DatePickerInput labelText="Date of birth" placeholder="mm/dd/yyyy" />
|
|
</DatePicker>
|
|
|
|
<DatePicker>
|
|
<DatePickerInput
|
|
size="xl"
|
|
labelText="Date of birth"
|
|
placeholder="mm/dd/yyyy"
|
|
/>
|
|
</DatePicker>
|
|
|
|
<DatePicker>
|
|
<DatePickerInput
|
|
size="sm"
|
|
labelText="Date of birth"
|
|
placeholder="mm/dd/yyyy"
|
|
/>
|
|
</DatePicker>
|
|
|
|
<DatePicker>
|
|
<DatePickerInput
|
|
invalid
|
|
invalidText="Invalid date"
|
|
labelText="Date of birth"
|
|
placeholder="mm/dd/yyyy"
|
|
/>
|
|
</DatePicker>
|
|
|
|
<DatePicker>
|
|
<DatePickerInput
|
|
disabled
|
|
labelText="Date of birth"
|
|
placeholder="mm/dd/yyyy"
|
|
/>
|
|
</DatePicker>
|
|
|
|
<DatePicker valueFrom="" valueTo="" datePickerType="single">
|
|
<DatePickerInput labelText="Schedule a meeting" placeholder="mm/dd/yyyy" />
|
|
</DatePicker>
|
|
|
|
<DatePickerSkeleton />
|