diff --git a/src/DatePicker/DatePicker.svelte b/src/DatePicker/DatePicker.svelte
index 62fa5862..9af2c8f8 100644
--- a/src/DatePicker/DatePicker.svelte
+++ b/src/DatePicker/DatePicker.svelte
@@ -56,6 +56,9 @@
   /** Set an id for the date picker element */
   export let id = "ccs-" + Math.random().toString(36);
 
+  /** Set to `true` to use in component Modal */
+  export let flatpickrProps = {};
+
   import {
     createEventDispatcher,
     setContext,
@@ -138,6 +141,7 @@
         maxDate,
         minDate,
         mode: $mode,
+        ...flatpickrProps
       },
       base: inputRef,
       input: inputRefTo,
diff --git a/types/DatePicker/DatePicker.d.ts b/types/DatePicker/DatePicker.d.ts
index f1843648..1664f805 100644
--- a/types/DatePicker/DatePicker.d.ts
+++ b/types/DatePicker/DatePicker.d.ts
@@ -70,6 +70,12 @@ export interface DatePickerProps
    * @default "ccs-" + Math.random().toString(36)
    */
   id?: string;
+
+  /**
+   * Set to true for correct using in Modal
+   * @default false
+   */
+  staticProp?: boolean;
 }
 
 export default class DatePicker extends SvelteComponentTyped<