Merge branch 'develop'

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@secondthunder/modsen-date-picker-library",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Date picker example library",
   "repository": {
     "type": "git",

src/components/RangePicker/RangePicker.stories.tsx

@@ -1,13 +1,7 @@
 import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
 
-import {
-  withHolidays,
-  withHolidaysAPI,
-  withMondayFirst,
-  withTodos,
-  withWeekends,
-} from "@/hocs";
+import { withMondayFirst, withTodos, withWeekends } from "@/hocs";
 
 import RangePicker from "./RangePicker";
 
@@ -43,6 +37,15 @@ const meta: Meta<typeof RangePicker> = {
     holidays: {
       name: "Holidays data",
       description: "Defines data for days, which defined as holidays",
+      defaultValue: {},
+    },
+    holidayCountry: {
+      name: "Holidays country",
+      description: "Defines country for holidays, fetched with API",
+    },
+    holidayYear: {
+      name: "Holidays year",
+      description: "Defines year for holidays, fetched with API",
     },
   },
   args: {
@@ -60,19 +63,17 @@ export const WithWeekendsHOC: Story = {
   render: () => <RangePickerWithWeekends />,
 };
 
-const RangePickerWithHolidays = withHolidays(RangePicker, {
-  [new Date().getMonth() + 1]: [2, 10, 18, 19, 20, 30],
-});
-export const WithHolidaysHOC: Story = {
-  render: () => <RangePickerWithHolidays />,
+export const RangePickerWithHolidays: Story = {
+  args: {
+    holidays: { [new Date().getMonth() + 1]: [2, 10, 18, 19, 20, 30] },
+  },
 };
 
-const RangePickerWithHolidaysAPI = withHolidaysAPI(RangePicker, {
-  holidayCountry: "BY",
-  year: 2022,
-});
-export const WithHolidaysApiHOC: Story = {
-  render: () => <RangePickerWithHolidaysAPI />,
+export const RangePickerWithHolidaysAPI: Story = {
+  args: {
+    holidayCountry: "BY",
+    holidayYear: 2022,
+  },
 };
 
 const RangePickerWithMondayFirst = withMondayFirst(RangePicker);

src/components/RangePicker/RangePicker.tsx

@@ -10,6 +10,8 @@ const RangePicker = memo(function RangePicker({
   startDate,
   endDate,
   holidays,
+  holidayCountry,
+  holidayYear,
   isSundayFirst,
   displayWeekends,
   isTodosEnabled,
@@ -27,6 +29,8 @@ const RangePicker = memo(function RangePicker({
         isPickingStart
         endDate={endDate}
         holidays={holidays}
+        holidayCountry={holidayCountry}
+        holidayYear={holidayYear}
         startRange={startRange}
         endRange={endRange}
         isSundayFirst={isSundayFirst}
@@ -40,6 +44,8 @@ const RangePicker = memo(function RangePicker({
         endDate={endDate}
         isPickingEnd
         holidays={holidays}
+        holidayCountry={holidayCountry}
+        holidayYear={holidayYear}
         startRange={startRange}
         endRange={endRange}
         isSundayFirst={isSundayFirst}

src/index.ts

@@ -1,2 +1,2 @@
 export * from "@/components";
-export * from "@/hocs";
+export { withMondayFirst, withTodos, withWeekends } from "@/hocs";