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

document static property on datepicker modal

Browse source
This commit is contained in:
Nicco 2021-10-26 14:25:33 +00:00 • committed by GitHub
commit 49884b6421
1 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
docs/src/pages/components/DatePicker.svx
View file

@ -3,10 +3,19 @@ components: ["DatePicker", "DatePickerInput", "DatePickerSkeleton"]
---
<script>
import { DatePicker, DatePickerSkeleton, DatePickerInput } from "carbon-components-svelte";
import { DatePicker, DatePickerSkeleton, DatePickerInput, InlineNotification, CodeSnippet } from "carbon-components-svelte";
import Preview from "../../components/Preview.svelte";
const modalCodeSnippet = `<DatePicker datePickerType="single" flatpickrProps="{{ static: true }}">
<DatePickerInput />
</DatePicker>"/>`
</script>
<InlineNotification svx-ignore title="Note:" kind="info" hideCloseButton>
<span class="body-short-01">If you are using the DatePicker inside of a Modal you might need to add <code>static</code> to the <code>flatpickrProps</code> as shown below to correct the positioning.</span>
</InlineNotification>
<CodeSnippet type="multi" code={modalCodeSnippet}/>
### Default (simple)
<DatePicker>
@ -71,4 +80,4 @@ components: ["DatePicker", "DatePickerInput", "DatePickerSkeleton"]
### Skeleton
<DatePickerSkeleton />
<DatePickerSkeleton />