mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 20:33:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(date-picker): do not open modal by default to prevent stealing focusing

Browse source
This commit is contained in:
Eric Liu 2022-06-26 15:56:25 -07:00
commit 33d10cd887
1 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
docs/src/pages/framed/DatePicker/DatePickerModal.svelte
View file

@ -1,12 +1,22 @@
<script> <script>
import { Modal, DatePicker, DatePickerInput } from "carbon-components-svelte"; import {
Button,
Modal,
DatePicker,
DatePickerInput,
} from "carbon-components-svelte";
let open = false;
</script> </script>
<Button on:click="{() => (open = true)}">Select date</Button>
<Modal <Modal
open bind:open
modalHeading="Meeting date" modalHeading="Meeting date"
primaryButtonText="Confirm" primaryButtonText="Confirm"
secondaryButtonText="Cancel" secondaryButtonText="Cancel"
on:click:button--secondary="{() => (open = false)}"
> >
<DatePicker datePickerType="single" style="min-height: 420px"> <DatePicker datePickerType="single" style="min-height: 420px">
<DatePickerInput labelText="Meeting date" placeholder="mm/dd/yyyy" /> <DatePickerInput labelText="Meeting date" placeholder="mm/dd/yyyy" />