diff --git a/src/components/datePicker/datePicker.stories.tsx b/src/components/datePicker/datePicker.stories.tsx
index a7462c4..e077d86 100644
--- a/src/components/datePicker/datePicker.stories.tsx
+++ b/src/components/datePicker/datePicker.stories.tsx
@@ -12,27 +12,29 @@ const meta: Meta<typeof DatePicker> = {
     layout: 'centered',
   },
   tags: ['autodocs'],
+};
+
+export default meta;
+
+type Story = StoryObj<typeof DatePicker>;
+
+export const Default: Story = {
+  args: {},
+};
+
+export const Single: Story = {
   render: (args) => {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     const [date, setDate] = useState<Date | undefined>(undefined);
-    registerDatePickerLocale('ru', ru);
     return (
       <>
         Single DatePicker:
-        <DatePicker {...args} value={date} onChange={setDate} language={'ru'} />
+        <DatePicker {...args} value={date} onChange={setDate} />
       </>
     );
   },
 };
 
-export default meta;
-
-type Story = StoryObj<typeof DatePicker>;
-
-export const Default: Story = {
-  args: {},
-};
-
 export const Range: Story = {
   render: (args) => {
     // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -63,6 +65,15 @@ export const Range: Story = {
   },
 };
 
+export const WithLocale: Story = {
+  render: (args) => {
+    registerDatePickerLocale('ru', ru);
+    return (
+      <DatePicker {...args} language={'ru'} />
+    );
+  },
+};
+
 export const Disabled: Story = {
   args: {
     disabled: true,