diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 23d52d7b..64fc37f5 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -1051,20 +1051,20 @@ None.
 
 ### Props
 
-| Prop name      | Kind             | Reactive | Type                                                        | Default value                                    | Description                                                                                       |
-| :------------- | :--------------- | :------- | :---------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------- |
-| valueTo        | <code>let</code> | Yes      | <code>string</code>                                         | <code>""</code>                                  | Specify the date picker end date value (to)<br />Only works with the "range" date picker type     |
-| valueFrom      | <code>let</code> | Yes      | <code>string</code>                                         | <code>""</code>                                  | Specify the date picker start date value (from)<br />Only works with the "range" date picker type |
-| value          | <code>let</code> | Yes      | <code>number &#124; string</code>                           | <code>""</code>                                  | Specify the date picker input value                                                               |
-| datePickerType | <code>let</code> | No       | <code>"simple" &#124; "single" &#124; "range"</code>        | <code>"simple"</code>                            | Specify the date picker type                                                                      |
-| dateFormat     | <code>let</code> | No       | <code>string</code>                                         | <code>"m/d/Y"</code>                             | Specify the date format                                                                           |
-| maxDate        | <code>let</code> | No       | <code>null &#124; string &#124; Date</code>                 | <code>null</code>                                | Specify the maximum date                                                                          |
-| minDate        | <code>let</code> | No       | <code>null &#124; string &#124; Date</code>                 | <code>null</code>                                | Specify the minimum date                                                                          |
-| locale         | <code>let</code> | No       | <code>string</code>                                         | <code>"en"</code>                                | Specify the locale                                                                                |
-| short          | <code>let</code> | No       | <code>boolean</code>                                        | <code>false</code>                               | Set to `true` to use the short variant                                                            |
-| light          | <code>let</code> | No       | <code>boolean</code>                                        | <code>false</code>                               | Set to `true` to enable the light variant                                                         |
-| id             | <code>let</code> | No       | <code>string</code>                                         | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the date picker element                                                             |
-| flatpickrProps | <code>let</code> | No       | <code>import("flatpickr/dist/types/options").Options</code> | <code>{}</code>                                  | Override the options passed to the Flatpickr instance<br />https://flatpickr.js.org/options       |
+| Prop name      | Kind             | Reactive | Type                                                                                                             | Default value                                    | Description                                                                                       |
+| :------------- | :--------------- | :------- | :--------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------- |
+| valueTo        | <code>let</code> | Yes      | <code>string</code>                                                                                              | <code>""</code>                                  | Specify the date picker end date value (to)<br />Only works with the "range" date picker type     |
+| valueFrom      | <code>let</code> | Yes      | <code>string</code>                                                                                              | <code>""</code>                                  | Specify the date picker start date value (from)<br />Only works with the "range" date picker type |
+| value          | <code>let</code> | Yes      | <code>number &#124; string</code>                                                                                | <code>""</code>                                  | Specify the date picker input value                                                               |
+| datePickerType | <code>let</code> | No       | <code>"simple" &#124; "single" &#124; "range"</code>                                                             | <code>"simple"</code>                            | Specify the date picker type                                                                      |
+| dateFormat     | <code>let</code> | No       | <code>string</code>                                                                                              | <code>"m/d/Y"</code>                             | Specify the date format                                                                           |
+| maxDate        | <code>let</code> | No       | <code>null &#124; string &#124; Date</code>                                                                      | <code>null</code>                                | Specify the maximum date                                                                          |
+| minDate        | <code>let</code> | No       | <code>null &#124; string &#124; Date</code>                                                                      | <code>null</code>                                | Specify the minimum date                                                                          |
+| locale         | <code>let</code> | No       | <code>import("flatpickr/dist/types/locale").CustomLocale &#124; import("flatpickr/dist/types/locale").key</code> | <code>"en"</code>                                | Specify the locale                                                                                |
+| short          | <code>let</code> | No       | <code>boolean</code>                                                                                             | <code>false</code>                               | Set to `true` to use the short variant                                                            |
+| light          | <code>let</code> | No       | <code>boolean</code>                                                                                             | <code>false</code>                               | Set to `true` to enable the light variant                                                         |
+| id             | <code>let</code> | No       | <code>string</code>                                                                                              | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the date picker element                                                             |
+| flatpickrProps | <code>let</code> | No       | <code>import("flatpickr/dist/types/options").Options</code>                                                      | <code>{}</code>                                  | Override the options passed to the Flatpickr instance<br />https://flatpickr.js.org/options       |
 
 ### Slots
 
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 3c149a57..e3dbf224 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -2659,7 +2659,7 @@
           "name": "locale",
           "kind": "let",
           "description": "Specify the locale",
-          "type": "string",
+          "type": "import(\"flatpickr/dist/types/locale\").CustomLocale | import(\"flatpickr/dist/types/locale\").key",
           "value": "\"en\"",
           "isFunction": false,
           "isFunctionDeclaration": false,
diff --git a/src/DatePicker/DatePicker.svelte b/src/DatePicker/DatePicker.svelte
index 41edfb98..8e7ca595 100644
--- a/src/DatePicker/DatePicker.svelte
+++ b/src/DatePicker/DatePicker.svelte
@@ -44,7 +44,10 @@
    */
   export let minDate = null;
 
-  /** Specify the locale */
+  /**
+   * Specify the locale
+   * @type {import("flatpickr/dist/types/locale").CustomLocale | import("flatpickr/dist/types/locale").key}
+   */
   export let locale = "en";
 
   /** Set to `true` to use the short variant */
diff --git a/tests/DatePicker.test.svelte b/tests/DatePicker.test.svelte
index f6522b24..3e99991c 100644
--- a/tests/DatePicker.test.svelte
+++ b/tests/DatePicker.test.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import { DatePicker, DatePickerSkeleton, DatePickerInput } from "../types";
+  import { Russian } from "flatpickr/dist/l10n/ru.js";
 </script>
 
 <DatePicker
+  locale="{Russian}"
   datePickerType="single"
   flatpickrProps="{{ static: true }}"
   on:change
@@ -11,6 +13,7 @@
 </DatePicker>
 
 <DatePicker
+  locale="az"
   on:change="{(e) => {
     console.log(e.detail);
   }}"
diff --git a/types/DatePicker/DatePicker.svelte.d.ts b/types/DatePicker/DatePicker.svelte.d.ts
index 7e5102c7..9ea553ee 100644
--- a/types/DatePicker/DatePicker.svelte.d.ts
+++ b/types/DatePicker/DatePicker.svelte.d.ts
@@ -51,7 +51,9 @@ export interface DatePickerProps
    * Specify the locale
    * @default "en"
    */
-  locale?: string;
+  locale?:
+    | import("flatpickr/dist/types/locale").CustomLocale
+    | import("flatpickr/dist/types/locale").key;
 
   /**
    * Set to `true` to use the short variant