@daryasidorovich/modsen-datepicker 1.0.0 → 1.0.2

package/src/styles/_mixins.scss

@@ -1,6 +0,0 @@
-@use 'sass:map';
-
-@mixin square($size) {
-  width: $size;
-  height: $size;
-}

package/src/styles/_reset.scss

@@ -1,98 +0,0 @@
-*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:where(ul, ol):where([class]) {
-  padding-left: 0;
-}
-
-body,
-:where(blockquote, figure):where([class]) {
-  margin: 0;
-}
-
-:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) {
-  margin-block: 0;
-}
-
-:where(dd[class]) {
-  margin-left: 0;
-}
-
-:where(fieldset[class]) {
-  margin-left: 0;
-  padding: 0;
-  border: none;
-}
-
-:where(ul[class]) {
-  list-style: none;
-}
-
-:where(address[class]) {
-  font-style: normal;
-}
-
-p {
-  margin-block: 0;
-}
-
-img,
-video {
-  display: block;
-  max-width: 100%;
-  height: auto;
-}
-
-input,
-textarea,
-select,
-button {
-  font: inherit;
-}
-
-html {
-  height: 100%;
-
-  scrollbar-gutter: stable;
-}
-
-html,
-:has(:target) {
-  scroll-behavior: smooth;
-}
-
-body {
-  min-height: 100%;
-
-  line-height: 1.5;
-}
-
-a:where([class]) {
-  display: inline-flex;
-}
-
-button,
-label {
-  cursor: pointer;
-}
-
-[stroke] {
-  stroke: currentColor;
-}
-
-svg * {
-  transition-property: fill, stroke;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  *,
-  ::before,
-  ::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    scroll-behavior: auto !important;
-  }
-}

package/src/styles/_theme-mixins.scss

@@ -1,51 +0,0 @@
-@use 'sass:map';
-@use './colors' as *;
-
-$theme-map: null;
-
-@mixin themify-modules($themes) {
-  @each $theme, $map in $themes {
-    :global(.theme-#{$theme}) & {
-      $theme-map: () !global;
-
-      @each $key, $value in $map {
-        $theme-map: map.merge(
-          $theme-map,
-          (
-            $key: $value,
-          )
-        ) !global;
-      }
-
-      @content;
-
-      $theme-map: null !global;
-    }
-  }
-}
-
-@mixin themify($themes) {
-  @each $theme, $map in $themes {
-    .theme-#{$theme} & {
-      $theme-map: () !global;
-
-      @each $key, $submap in $map {
-        $value: map.get(map.get($themes, $theme), $key);
-        $theme-map: map.merge(
-          $theme-map,
-          (
-            $key: $value,
-          )
-        ) !global;
-      }
-
-      @content;
-
-      $theme-map: null !global;
-    }
-  }
-}
-
-@function themed($key) {
-  @return map.get($theme-map, $key);
-}

package/src/styles/_typography.scss

@@ -1,10 +0,0 @@
-$font-family-base: 'Open Sans', sans-serif;
-
-$font-size-13: 13px;
-$font-size-14: 14px;
-$font-size-15: 15px;
-$font-size-18: 18px;
-
-$font-weight-regular: 400;
-$font-weight-semibold: 600;
-$font-weight-bold: 700;

package/src/styles/_variables.scss

@@ -1,8 +0,0 @@
-$input-height: 42px;
-$button-heght: 36px;
-$icon-size: 16px;
-
-$easing: ease;
-$transition-duration: 0.2s;
-
-$z-index-10: 10;

package/src/styles/main.scss

@@ -1,3 +0,0 @@
-@use './reset';
-@use './globals';
-@use './grid';

package/src/types/types.d.ts

@@ -1,15 +0,0 @@
-declare module '*.module.css' {
-  const classes: { [key: string]: string };
-  export default classes;
-}
-
-declare module '*.module.scss' {
-  const classes: { [key: string]: string };
-  export default classes;
-}
-
-declare module '*.svg?react' {
-  import React from 'react';
-  const SVG: React.FC<React.SVGProps<SVGSVGElement>>;
-  export default SVG;
-}

package/src/utils/calendar.test.ts

@@ -1,154 +0,0 @@
-import {
-  getDaysInMonth,
-  getFirstDayOfMonth,
-  getLastDayOfMonth,
-  getMonthDays,
-  getWeekDayIndex,
-  getWeekDays,
-  getWeeksFromDays,
-} from './calendar';
-
-describe('getFirstDayOfMonth:', () => {
-  it('returns the first day of month', () => {
-    const result = getFirstDayOfMonth(new Date(2026, 8, 18));
-    expect(result.getMonth()).toBe(8);
-    expect(result.getDate()).toBe(1);
-  });
-});
-
-describe('getLastDayOfMonth:', () => {
-  it('returns the last day of month', () => {
-    const result = getLastDayOfMonth(new Date(2026, 0, 10));
-    expect(result.getDate()).toBe(31);
-    expect(result.getMonth()).toBe(0);
-  });
-
-  it('handles February in a leap year', () => {
-    const result = getLastDayOfMonth(new Date(2024, 1, 1));
-    expect(result.getDate()).toBe(29);
-  });
-
-  it('handles February in a non-leap year', () => {
-    const result = getLastDayOfMonth(new Date(2025, 1, 1));
-    expect(result.getDate()).toBe(28);
-  });
-});
-
-describe('getDaysInMonth:', () => {
-  it('returns count of days in the month', () => {
-    expect(getDaysInMonth(new Date(2026, 8, 1))).toBe(30);
-    expect(getDaysInMonth(new Date(2026, 7, 1))).toBe(31);
-    expect(getDaysInMonth(new Date(2026, 6, 1))).toBe(31);
-    expect(getDaysInMonth(new Date(2023, 5, 1))).toBe(30);
-  });
-});
-
-describe('getWeekDayIndex:', () => {
-  it('return 0 for Sunday if the first of week is 0', () => {
-    const sunday = new Date(2026, 8, 6);
-    expect(getWeekDayIndex(sunday, 0)).toBe(0);
-  });
-
-  it('return 1 for Monday if the first of week is 0', () => {
-    const monday = new Date(2026, 8, 7);
-    expect(getWeekDayIndex(monday, 0)).toBe(1);
-  });
-
-  it('return 6 for Sunday if the first of week is 1', () => {
-    const sunday = new Date(2026, 8, 6);
-    expect(getWeekDayIndex(sunday, 1)).toBe(6);
-  });
-
-  it('return 0 for Monday if the first of week is 1', () => {
-    const monday = new Date(2026, 8, 7);
-    expect(getWeekDayIndex(monday, 1)).toBe(0);
-  });
-
-  it('uses firstDayOfWeek = 1 by default', () => {
-    const monday = new Date(2026, 8, 7);
-    expect(getWeekDayIndex(monday)).toBe(0);
-  });
-});
-
-describe('getMonthDays:', () => {
-  it('returns a grid with a step of 7', () => {
-    const result = getMonthDays(new Date(2026, 8, 1));
-    expect(result.length % 7).toBe(0);
-  });
-
-  it('includes all month days', () => {
-    const result = getMonthDays(new Date(2026, 8, 1));
-    const daysInCurrentMonth = result.filter(
-      (day) => day.getMonth() === 8 && day.getFullYear() === 2026
-    );
-    expect(daysInCurrentMonth.length).toBe(30);
-  });
-
-  it('the first day of a grid is Monday if firstDayOfWeek = 1', () => {
-    const result = getMonthDays(new Date(2026, 8, 1), 1);
-    expect(result[0].getDay()).toBe(1);
-  });
-
-  it('the first day of a grid is Sunday if firstDayOfWeek = 0', () => {
-    const result = getMonthDays(new Date(2026, 8, 1), 0);
-    expect(result[0].getDay()).toBe(0);
-  });
-
-  it('correctly adds days of the previous and the next monthes', () => {
-    const result = getMonthDays(new Date(2026, 7, 1), 1);
-    expect(result[0].getMonth()).toBe(6);
-    expect(result[4].getMonth()).toBe(6);
-    expect(result[result.length - 1].getMonth()).toBe(8);
-    expect(result[result.length - 6].getMonth()).toBe(8);
-  });
-});
-
-describe('getWeeksFromDays:', () => {
-  const mockDays: Date[] = Array.from(
-    { length: 30 },
-    (_, i) => new Date(2026, 8, i + 1)
-  );
-
-  it('splits the array of days into weeks of 7', () => {
-    const weeks = getWeeksFromDays(mockDays, 7);
-    expect(weeks.length).toBe(5);
-    expect(weeks[0].length).toBe(7);
-    expect(weeks[3].length).toBe(7);
-  });
-
-  it('splits the array of days into weeks of 5', () => {
-    const weeks = getWeeksFromDays(mockDays, 5);
-    weeks.forEach((week) => expect(week.length).toBe(5));
-  });
-
-  it('handles correctly the last incomplete week', () => {
-    const weeks = getWeeksFromDays(mockDays);
-    expect(weeks[0].length).toBe(7);
-    expect(weeks[4].length).toBe(2);
-  });
-
-  it('returns emply array for an empty entry array', () => {
-    expect(getWeeksFromDays([], 7)).toEqual([]);
-  });
-});
-
-describe('getWeekDays:', () => {
-  it('return 7 days', () => {
-    const result = getWeekDays(new Date(2026, 8, 16));
-    expect(result.length).toBe(7);
-  });
-
-  it('starts from Monday if firstDayOfWeek = 1', () => {
-    const wednesday = new Date(2026, 8, 16);
-    const result = getWeekDays(wednesday, 1);
-    expect(result[0].getDay()).toBe(1);
-    expect(result[0].getDate()).toBe(14);
-  });
-
-  it('starts from Sunday if firstDayOfWeek = 0', () => {
-    const wednesday = new Date(2026, 8, 16);
-    const result = getWeekDays(wednesday, 0);
-    expect(result[0].getDay()).toBe(0);
-    expect(result[0].getDate()).toBe(13);
-  });
-});

package/src/utils/calendar.ts

@@ -1,82 +0,0 @@
-export const getFirstDayOfMonth = (date: Date): Date => {
-  return new Date(date.getFullYear(), date.getMonth(), 1);
-};
-
-export const getLastDayOfMonth = (date: Date): Date => {
-  return new Date(date.getFullYear(), date.getMonth() + 1, 0);
-};
-
-export const getDaysInMonth = (date: Date): number => {
-  return getLastDayOfMonth(date).getDate();
-};
-
-export const getWeekDayIndex = (
-  date: Date,
-  firstDayOfWeek: 0 | 1 = 1
-): number => {
-  let index = date.getDay();
-  if (firstDayOfWeek === 1) {
-    index = index === 0 ? 6 : index - 1;
-  }
-  return index;
-};
-
-export const getMonthDays = (date: Date, firstDayOfWeek: 0 | 1 = 1): Date[] => {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-
-  const firstDay = getFirstDayOfMonth(date);
-  const daysInMonth = getDaysInMonth(date);
-  const firstDayIndex = getWeekDayIndex(firstDay, firstDayOfWeek);
-
-  const totalDays = Math.ceil((firstDayIndex + daysInMonth) / 7) * 7;
-  const days: Date[] = [];
-
-  for (let i = 0; i < firstDayIndex; i++) {
-    days.push(new Date(year, month, 1 - firstDayIndex + i));
-  }
-
-  for (let i = 1; i <= daysInMonth; i++) {
-    days.push(new Date(year, month, i));
-  }
-
-  const remaining = totalDays - days.length;
-  for (let i = 1; i <= remaining; i++) {
-    days.push(new Date(year, month + 1, i));
-  }
-
-  return days;
-};
-
-export const getWeeksFromDays = (
-  days: Date[],
-  weekLength: 5 | 7 = 7
-): Date[][] => {
-  const weeks: Date[][] = [];
-  for (let i = 0; i < days.length; i += weekLength) {
-    weeks.push(days.slice(i, i + weekLength));
-  }
-  return weeks;
-};
-
-export const getWeekDays = (date: Date, firstDayOfWeek: 0 | 1 = 1): Date[] => {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  const day = date.getDate();
-
-  const currentDayOfWeek = date.getDay();
-
-  const offset =
-    firstDayOfWeek === 1 ? (currentDayOfWeek + 6) % 7 : currentDayOfWeek;
-
-  const startDate = new Date(year, month, day - offset);
-
-  const weekDays: Date[] = [];
-  for (let i = 0; i < 7; i++) {
-    const newDate = new Date(startDate);
-    newDate.setDate(startDate.getDate() + i);
-    weekDays.push(newDate);
-  }
-
-  return weekDays;
-};

package/src/utils/controlDate.ts

@@ -1,3 +0,0 @@
-export const setControlDate = (date: Date | undefined) => {
-  return date ? new Date(date) : undefined;
-};

package/src/utils/dateChecks.test.ts

@@ -1,216 +0,0 @@
-import {
-  isCurrentMonth,
-  isDisabled,
-  isInRange,
-  isRangeEnd,
-  isRangeStart,
-  isSameDay,
-  isSelected,
-  isToday,
-  isWeekend,
-} from './dateChecks';
-
-describe('dateChecks:', () => {
-  describe('isSameDay:', () => {
-    it('returns true for same day', () => {
-      const date1 = new Date(2026, 7, 25);
-      const date2 = new Date(2026, 7, 25);
-      expect(isSameDay(date1, date2)).toBe(true);
-    });
-
-    it('returns false for different days', () => {
-      const date1 = new Date(2026, 7, 25);
-      const date2 = new Date(2026, 7, 26);
-      expect(isSameDay(date1, date2)).toBe(false);
-    });
-
-    it('returns false for different months', () => {
-      const date1 = new Date(2026, 7, 25);
-      const date2 = new Date(2026, 8, 25);
-      expect(isSameDay(date1, date2)).toBe(false);
-    });
-
-    it('returns false for different years', () => {
-      const date1 = new Date(2026, 7, 25);
-      const date2 = new Date(2027, 7, 25);
-      expect(isSameDay(date1, date2)).toBe(false);
-    });
-  });
-
-  describe('isCurrentMonth:', () => {
-    it('returns true for same month and year', () => {
-      const date = new Date(2026, 7, 25);
-      const monthDate = new Date(2026, 7, 1);
-      expect(isCurrentMonth(date, monthDate)).toBe(true);
-    });
-
-    it('returns false for different month', () => {
-      const date = new Date(2026, 9, 1);
-      const monthDate = new Date(2026, 8, 1);
-      expect(isCurrentMonth(date, monthDate)).toBe(false);
-    });
-
-    it('returns false for different year', () => {
-      const date = new Date(2026, 9, 25);
-      const monthDate = new Date(2027, 9, 1);
-      expect(isCurrentMonth(date, monthDate)).toBe(false);
-    });
-  });
-
-  describe('isWeekend:', () => {
-    it('returns true for Sunday', () => {
-      const sunday = new Date(2026, 8, 6);
-      expect(isWeekend(sunday)).toBe(true);
-    });
-
-    it('returns true for Saturday', () => {
-      const saturday = new Date(2026, 8, 5);
-      expect(isWeekend(saturday)).toBe(true);
-    });
-
-    it('returns false for Wednesday', () => {
-      const wednesday = new Date(2026, 8, 9);
-      expect(isWeekend(wednesday)).toBe(false);
-    });
-  });
-
-  describe('isToday', () => {
-    it('returns true for today', () => {
-      const today = new Date();
-      expect(isToday(today)).toBe(true);
-    });
-
-    it('returns false for random date', () => {
-      const random = new Date(2026, 2, 9);
-      expect(isToday(random)).toBe(false);
-    });
-  });
-
-  describe('isSelected:', () => {
-    it('returns true when date is selected', () => {
-      const date = new Date(2026, 7, 25);
-      const selectedDate = new Date(2026, 7, 25);
-      expect(isSelected(date, selectedDate)).toBe(true);
-    });
-
-    it('returns false when date is not selected', () => {
-      const date = new Date(2026, 7, 25);
-      const selectedDate = new Date(2026, 7, 26);
-      expect(isSelected(date, selectedDate)).toBe(false);
-    });
-
-    it('returns false when selectedDate is undefined', () => {
-      const date = new Date(2026, 7, 25);
-      expect(isSelected(date, undefined)).toBe(false);
-    });
-  });
-
-  describe('isDisabled', () => {
-    it('returns true when date is before minDate', () => {
-      const date = new Date(2026, 7, 25);
-      const minDate = new Date(2026, 7, 26);
-      expect(isDisabled(date, minDate)).toBe(true);
-    });
-
-    it('returns true when date is after maxDate', () => {
-      const date = new Date(2026, 7, 25);
-      const maxDate = new Date(2026, 7, 24);
-      expect(isDisabled(date, null, maxDate)).toBe(true);
-    });
-
-    it('returns false when date is within range', () => {
-      const date = new Date(2026, 7, 25);
-      const minDate = new Date(2026, 7, 20);
-      const maxDate = new Date(2026, 7, 30);
-      expect(isDisabled(date, minDate, maxDate)).toBe(false);
-    });
-
-    it('returns false when minDate and maxDate are null', () => {
-      const date = new Date(2026, 7, 25);
-      expect(isDisabled(date, null, null)).toBe(false);
-    });
-
-    it('returns false when date equals minDate', () => {
-      const date = new Date(2026, 7, 25);
-      const minDate = new Date(2026, 7, 25);
-      expect(isDisabled(date, minDate, null)).toBe(false);
-    });
-
-    it('returns false when date equals maxDate', () => {
-      const date = new Date(2026, 7, 25);
-      const maxDate = new Date(2026, 7, 25);
-      expect(isDisabled(date, null, maxDate)).toBe(false);
-    });
-  });
-
-  describe('isInRange:', () => {
-    it('returns true when date is between start and end', () => {
-      const date = new Date(2026, 7, 25);
-      const start = new Date(2026, 7, 20);
-      const end = new Date(2026, 7, 30);
-      expect(isInRange(date, start, end)).toBe(true);
-    });
-
-    it('returns false when date equals start', () => {
-      const date = new Date(2026, 7, 20);
-      const start = new Date(2026, 7, 20);
-      const end = new Date(2026, 7, 30);
-      expect(isInRange(date, start, end)).toBe(false);
-    });
-
-    it('returns false when date equals end', () => {
-      const date = new Date(2026, 7, 30);
-      const start = new Date(2026, 7, 20);
-      const end = new Date(2026, 7, 30);
-      expect(isInRange(date, start, end)).toBe(false);
-    });
-
-    it('returns false when start is undefined', () => {
-      const date = new Date(2026, 7, 25);
-      expect(isInRange(date, undefined, new Date(2026, 7, 30))).toBe(false);
-    });
-
-    it('returns false when end is undefined', () => {
-      const date = new Date(2026, 7, 25);
-      expect(isInRange(date, new Date(2026, 7, 20), undefined)).toBe(false);
-    });
-  });
-
-  describe('isRangeStart', () => {
-    it('returns true when date equals start', () => {
-      const date = new Date(2026, 7, 25);
-      const start = new Date(2026, 7, 25);
-      expect(isRangeStart(date, start)).toBe(true);
-    });
-
-    it('returns false when date does not equal start', () => {
-      const date = new Date(2026, 7, 25);
-      const start = new Date(2026, 7, 26);
-      expect(isRangeStart(date, start)).toBe(false);
-    });
-
-    it('returns false when start is undefined', () => {
-      const date = new Date(2026, 7, 25);
-      expect(isRangeStart(date, undefined)).toBe(false);
-    });
-  });
-
-  describe('isRangeEnd:', () => {
-    it('returns true when date equals end', () => {
-      const date = new Date(2026, 7, 25);
-      const end = new Date(2026, 7, 25);
-      expect(isRangeEnd(date, end)).toBe(true);
-    });
-
-    it('returns false when date does not equal end', () => {
-      const date = new Date(2026, 7, 25);
-      const end = new Date(2026, 7, 26);
-      expect(isRangeEnd(date, end)).toBe(false);
-    });
-
-    it('returns false when end is undefined', () => {
-      const date = new Date(2026, 7, 25);
-      expect(isRangeEnd(date, undefined)).toBe(false);
-    });
-  });
-});