Document DatePicker usage with a Rollup set-up (#990)

* chore(example): add inlineDynamicImports: true

* docs(date-picker): add note for using DatePicker with Rollup

Closes #986

docs/src/pages/components/DatePicker.svx

@@ -3,7 +3,7 @@ components: ["DatePicker", "DatePickerInput", "DatePickerSkeleton"]
 ---
 
 <script>
-  import { DatePicker, DatePickerSkeleton, DatePickerInput } from "carbon-components-svelte";
+  import { DatePicker, DatePickerSkeleton, DatePickerInput, InlineNotification } from "carbon-components-svelte";
   import Preview from "../../components/Preview.svelte";
 </script>
 
@@ -63,6 +63,15 @@ components: ["DatePicker", "DatePickerInput", "DatePickerSkeleton"]
 
 ### Single
 
+<InlineNotification
+  svx-ignore
+  lowContrast
+  title="Note:"
+  subtitle="If using Rollup, specify `inlineDynamicImports: true` in your `rollup.config.js`."
+  kind="info"
+  hideCloseButton
+/>
+
 <FileSource src="/framed/DatePicker/DatePickerSingle" />
 
 ### Range

examples/rollup/rollup.config.js

@@ -9,6 +9,7 @@ const production = !process.env.ROLLUP_WATCH;
 
 export default {
   input: "src/index.js",
+  inlineDynamicImports: true,
   output: {
     sourcemap: !production,
     format: "iife",