@elliemae/ds-controlled-form 2.0.0-alpha.8 → 2.0.0-next.3

package/esm/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js

@@ -1,42 +1,29 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { useContext, useCallback, useMemo } from 'react';
 import { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';
-import { getFormattedTimeString, prependStringWithPlaceHolders, dateTimeToTime, deconstructTimeValues } from '../../utils/stringHelpers.js';
+import { getFormattedTimeString, prependStringWithPlaceHolders } from '../../utils/stringHelpers.js';
 import { getValidationTimeStringMetaInfo } from '../../utils/timeHelpers.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-// our source of truth is either the time props or dateTime props
-// based on wheter it's a dateTime picker
-// or a time picker (it's time picker when hideDate is true)
-
-const useGetDestructuredTimeValues = ({
-  time,
-  dateTime,
-  isDateTimeSelector
-}) => {
-  const timeStringFromProps = useMemo(() => isDateTimeSelector ? dateTimeToTime(dateTime) : time, [time, dateTime, isDateTimeSelector]);
-  const deconstructedValues = useMemo(() => deconstructTimeValues(timeStringFromProps), [timeStringFromProps]);
-  return deconstructedValues;
-};
-
 const useTimeInputs = () => {
   const {
     props: {
-      time,
-      dateTime,
       onHourChange: appOnHourChange,
       onMinuteChange: appOnMinuteChange,
       // onSecondsChange: appOnSecondsChange,
       onMeridiemChange: appOnMeridiemChange,
-      getIsDisabledTime
+      getIsDisabledTime,
+      minutesInterval
     },
+    hours,
+    minutes,
+    meridiem,
     hideDate,
     withAnyRightController,
     withAnyPicker,
     withClearBtn,
-    isDateTimeSelector,
     hourInputRef,
     minutesInputRef,
     // secondsInputRef,
@@ -48,16 +35,6 @@ const useTimeInputs = () => {
     handleChangeComposedTimeString,
     setLatestInteractionRegion
   } = useContext(ControlledDateTimePickerContext);
-  const {
-    hours,
-    minutes,
-    // seconds,
-    meridiem
-  } = useGetDestructuredTimeValues({
-    time,
-    dateTime,
-    isDateTimeSelector
-  });
   const setLatestInteractionRegionTimeInputs = useCallback(() => {
     setLatestInteractionRegion('time-inputs');
   }, [setLatestInteractionRegion]);
@@ -177,11 +154,11 @@ const useTimeInputs = () => {
       const minutesStringConvertedToInteger = Number.parseInt(minutes, 10);
       const minutesInteger = Number.isNaN(minutesStringConvertedToInteger) ? 0 : minutesStringConvertedToInteger;
       let newMinutes;
-      if (key === 'ArrowUp') newMinutes = minutesInteger + 1 <= 59 ? minutesInteger + 1 : minutesInteger;else newMinutes = minutesInteger - 1 > 0 ? minutesInteger - 1 : 0;
+      if (key === 'ArrowUp') newMinutes = minutesInteger + minutesInterval <= 59 ? minutesInteger + minutesInterval : minutesInteger;else newMinutes = minutesInteger - minutesInterval > 0 ? minutesInteger - minutesInterval : 0;
       newMinutes = prependStringWithPlaceHolders(`${newMinutes}`, 2);
       handleChangeMinutes(newMinutes, e);
     }
-  }, [onHomeKeyDown, onEndKeyDown, handleChangeMinutes, minutes]);
+  }, [onHomeKeyDown, onEndKeyDown, minutes, minutesInterval, handleChangeMinutes]);
   const onMinutesBlur = useCallback(e => {
     var _e$target4;
 

package/esm/controlled-date-time-picker/utils/constants.js

@@ -0,0 +1,37 @@
+const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+const announcableCardinalDays = {
+  1: 'first',
+  2: 'second',
+  3: 'third',
+  4: 'fourth',
+  5: 'fifth',
+  6: 'sixth',
+  7: 'seventh',
+  8: 'eighth',
+  9: 'ninth',
+  10: 'tenth',
+  11: 'eleventh',
+  12: 'twelfth',
+  13: 'thirteenth',
+  14: 'fourteenth',
+  15: 'fifteenth',
+  16: 'sixteenth',
+  17: 'seventeenth',
+  18: 'eighteenth',
+  19: 'ninteenth',
+  20: 'twentieth',
+  21: 'twentie first',
+  22: 'twentie second',
+  23: 'twentie third',
+  24: 'twentie fourth',
+  25: 'twentie fifth',
+  26: 'twentie sixth',
+  27: 'twentie seventh',
+  28: 'twentie eighth',
+  29: 'twentie ninth',
+  30: 'thirtieth',
+  31: 'thirty first'
+};
+
+export { announcableCardinalDays, monthNames, weekDays };

package/esm/controlled-date-time-picker/utils/dateHelpers.js

@@ -1,9 +1,9 @@
 import { createRef } from 'react';
+import { monthNames } from './constants.js';
 import { isIncompleteString, deconstructValuesFromDateString, prependStringWithPlaceHolders } from './stringHelpers.js';
 import { convertToPositiveNumberIfPossible } from './numberHelpers.js';
 
 /* eslint-disable max-lines */
-const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
 const getLastDayOfMonth = (month, year) => new Date(year, month + 1, 0);
 const isValidDayForTheMonth = (month, year, day) => {
   var _Date, _Date$getMonth;

package/esm/controlled-date-time-picker/utils/dateTimeHelpers.js

@@ -5,6 +5,6 @@ import { getValidationTimeStringMetaInfo } from './timeHelpers.js';
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const getValidatioDateTimeStringMetaInfo = (dateString, timeString, validators) => _objectSpread(_objectSpread({}, getValidationDateStringMetaInfo(dateString, validators.getIsOutOfRangeDay, validators.getIsDisabledDay)), getValidationTimeStringMetaInfo(timeString, validators.getIsDisabledTime));
+const getValidationDateTimeStringMetaInfo = (dateString, timeString, validators) => _objectSpread(_objectSpread({}, getValidationDateStringMetaInfo(dateString, validators.getIsOutOfRangeDay, validators.getIsDisabledDay)), getValidationTimeStringMetaInfo(timeString, validators.getIsDisabledTime));
 
-export { getValidatioDateTimeStringMetaInfo };
+export { getValidationDateTimeStringMetaInfo };

package/esm/controlled-date-time-picker/utils/stringHelpers.js

@@ -1,6 +1,9 @@
 import 'core-js/modules/es.string.replace.js';
+import { monthNames, announcableCardinalDays } from './constants.js';
+import { convertToPositiveNumberIfPossible } from './numberHelpers.js';
 
 /* eslint-disable max-lines */
+
 const prependStringWithPlaceHolders = (val, finalLength, placeholder = '0') => {
   if (val.length === finalLength) return val;
   const stringAsAnArray = val.split('').reverse();
@@ -114,5 +117,17 @@ const isIncompleteString = (testString, placeholder = '_') => testString === ''
 const isEmptyDateStringMask = testString => testString === '__/__/____';
 const isEmptyTimeStringMask = testString => testString === '__:__ __';
 const isEmptyDateTimeStringMask = testString => testString === '__/__/____ __:__ __';
+const getAriaDayFromDateString = dateString => {
+  const {
+    month: monthString,
+    day: dayString,
+    year: yearString
+  } = deconstructValuesFromDateString(dateString);
+  const monthNum = convertToPositiveNumberIfPossible(monthString);
+  const dayNum = convertToPositiveNumberIfPossible(dayString);
+  const yearNum = convertToPositiveNumberIfPossible(yearString);
+  if (monthNum === -1 || dayNum === -1 || yearNum === -1) return '';
+  return `${monthNames[monthNum - 1]} ${announcableCardinalDays[dayNum]} ${yearNum}`;
+};
 
-export { dateTimeToDate, dateTimeToTime, deconstructTimeValues, deconstructValuesFromDateString, deconstructValuesFromTimeString, fillStringWithPlaceHolders, getFormattedDateString, getFormattedTimeString, isEmptyDateStringMask, isEmptyDateTimeStringMask, isEmptyTimeStringMask, isIncompleteString, isValidDateString, isValidTimeString, prependStringWithPlaceHolders };
+export { dateTimeToDate, dateTimeToTime, deconstructTimeValues, deconstructValuesFromDateString, deconstructValuesFromTimeString, fillStringWithPlaceHolders, getAriaDayFromDateString, getFormattedDateString, getFormattedTimeString, isEmptyDateStringMask, isEmptyDateTimeStringMask, isEmptyTimeStringMask, isIncompleteString, isValidDateString, isValidTimeString, prependStringWithPlaceHolders };

package/esm/index.js

@@ -6,7 +6,7 @@ export { DSControlledDateTimePicker, DSControlledDateTimePickerWithSchema } from
 export { ControlledDateTimePickerDatatestid } from './controlled-date-time-picker/ControlledDateTimePickerDatatestid.js';
 export { CONTROLLED_DATE_TIME_PICKER_TYPES } from './controlled-date-time-picker/ControlledDateTimePickerTypes.js';
 export { deconstructValuesFromDateString, prependStringWithPlaceHolders } from './controlled-date-time-picker/utils/stringHelpers.js';
-export { getValidatioDateTimeStringMetaInfo } from './controlled-date-time-picker/utils/dateTimeHelpers.js';
+export { getValidationDateTimeStringMetaInfo } from './controlled-date-time-picker/utils/dateTimeHelpers.js';
 export { getDateStringFromDay, getDateValuesFromDate, getDayFromDateString, getValidationDateStringMetaInfo } from './controlled-date-time-picker/utils/dateHelpers.js';
 export { getValidationTimeStringMetaInfo } from './controlled-date-time-picker/utils/timeHelpers.js';
 export { DSControlledToggle, DSControlledToggleWithSchema } from './controlled-toggle/ControlledToggle.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "2.0.0-alpha.8",
+  "version": "2.0.0-next.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Controllers",
   "module": "./esm/index.js",
@@ -75,6 +75,10 @@
       "import": "./esm/controlled-date-time-picker/utils/dateHelpers.js",
       "require": "./cjs/controlled-date-time-picker/utils/dateHelpers.js"
     },
+    "./controlled-date-time-picker/utils/constants": {
+      "import": "./esm/controlled-date-time-picker/utils/constants.js",
+      "require": "./cjs/controlled-date-time-picker/utils/constants.js"
+    },
     "./controlled-date-time-picker/propTypes": {
       "import": "./esm/controlled-date-time-picker/propTypes.js",
       "require": "./cjs/controlled-date-time-picker/propTypes.js"
@@ -339,6 +343,10 @@
       "import": "./esm/controlled-date-time-picker/config/useGetPropsWithDefault.js",
       "require": "./cjs/controlled-date-time-picker/config/useGetPropsWithDefault.js"
     },
+    "./controlled-date-time-picker/config/useGetDestructuredValues": {
+      "import": "./esm/controlled-date-time-picker/config/useGetDestructuredValues.js",
+      "require": "./cjs/controlled-date-time-picker/config/useGetDestructuredValues.js"
+    },
     "./controlled-date-time-picker/config/useControlledDateTimePicker": {
       "import": "./esm/controlled-date-time-picker/config/useControlledDateTimePicker.js",
       "require": "./cjs/controlled-date-time-picker/config/useControlledDateTimePicker.js"
@@ -448,9 +456,9 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.8",
-    "@elliemae/ds-button": "2.0.0-alpha.8",
-    "@elliemae/ds-icons": "2.0.0-alpha.8",
+    "@elliemae/ds-basic": "2.0.0-next.3",
+    "@elliemae/ds-button": "2.0.0-next.3",
+    "@elliemae/ds-icons": "2.0.0-next.3",
     "prop-types": "~15.7.2",
     "react-desc": "^4.1.3",
     "react-popper": "~2.2.5"

package/types/controlled-date-time-picker/ControlledDateTimePickerDatatestid.d.ts

@@ -15,16 +15,38 @@ export declare const ControlledDateTimePickerDatatestid: {
         CALENDAR_TIMEWHEEL: string;
     };
     CALENDAR: {
+        PREV_YEAR: string;
+        PREV_MONTH: string;
         DAY: string;
         FOCUSED_DAY: string;
+        SELECTED_DAY: string;
+        SELECTED_FOCUSED_DAY: string;
+        NEXT_MONTH: string;
+        NEXT_YEAR: string;
     };
     TIMEWHEEL: {
+        PREV_HOUR: string;
         HOUR: string;
-        SELECTED_HOUR: string;
+        CURRENT_HOUR: string;
+        NEXT_HOUR: string;
+        PREV_MINUTE: string;
         MINUTE: string;
-        SELECTED_MINUTE: string;
+        CURRENT_MINUTE: string;
+        NEXT_MINUTE: string;
+        PREV_MERIDIEM: string;
         MERIDIEM: string;
-        SELECTED_MERIDIEM: string;
+        CURRENT_MERIDIEM: string;
+        NEXT_MERIDIEM: string;
+    };
+    CONTEXTUAL_MENU: {
+        CALENDAR: string;
+        TIMEWHEEL: string;
+        CALENDAR_TIMEWHEEL: string;
+    };
+    CONTROLLER_COMPONENT: {
+        CALENDAR: string;
+        TIMEWHEEL: string;
+        CALENDAR_TIMEWHEEL: string;
     };
     CLEAR_BUTTON: string;
 };

package/types/controlled-date-time-picker/config/useGetDestructuredValues.d.ts

@@ -0,0 +1,4 @@
+import type { useGetDestructuredDateValuesAT, useGetDestructuredDateValuesRT, useGetDestructuredTimeValuesAT, useGetDestructuredTimeValuesRT, useGetDestructuredValuesAT, useGetDestructuredValuesRT } from '../index.d';
+export declare const useGetDestructuredDateValues: ({ date, dateTime, isDateTimeSelector, }: useGetDestructuredDateValuesAT) => useGetDestructuredDateValuesRT;
+export declare const useGetDestructuredTimeValues: ({ time, dateTime, isDateTimeSelector, }: useGetDestructuredTimeValuesAT) => useGetDestructuredTimeValuesRT;
+export declare const useGetDestructuredValues: ({ date, time, dateTime, isDateTimeSelector, }: useGetDestructuredValuesAT) => useGetDestructuredValuesRT;

package/types/controlled-date-time-picker/index.d.ts

@@ -2,6 +2,6 @@ export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker } from
 export { ControlledDateTimePickerDatatestid } from './ControlledDateTimePickerDatatestid';
 export { CONTROLLED_DATE_TIME_PICKER_TYPES } from './ControlledDateTimePickerTypes';
 export { deconstructValuesFromDateString, prependStringWithPlaceHolders } from './utils/stringHelpers';
-export { getValidatioDateTimeStringMetaInfo } from './utils/dateTimeHelpers';
+export { getValidationDateTimeStringMetaInfo } from './utils/dateTimeHelpers';
 export { getValidationDateStringMetaInfo, getDateStringFromDay, getDayFromDateString, getDateValuesFromDate, } from './utils/dateHelpers';
 export { getValidationTimeStringMetaInfo } from './utils/timeHelpers';

package/types/controlled-date-time-picker/parts/DateInputs/DDInput.d.ts

@@ -7,7 +7,8 @@ interface DDInputsPropsT {
     onKeyDown: onKeyDownT;
     value: string;
     placeholder: string;
+    ariaCurrentValueForInputs: string;
     contextRef: React.RefObject<HTMLInputElement>;
 }
-export declare const DDInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, contextRef, placeholder }: DDInputsPropsT) => JSX.Element>;
+export declare const DDInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, contextRef, placeholder, ariaCurrentValueForInputs, }: DDInputsPropsT) => JSX.Element>;
 export {};

package/types/controlled-date-time-picker/parts/DateInputs/MMInput.d.ts

@@ -9,6 +9,7 @@ interface MMInputsPropsT {
     value: string;
     contextRef: React.RefObject<HTMLInputElement>;
     placeholder: string;
+    ariaCurrentValueForInputs: string;
 }
-export declare const MMInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, contextRef, autoFocusMonthInput, }: MMInputsPropsT) => JSX.Element>;
+export declare const MMInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, contextRef, autoFocusMonthInput, ariaCurrentValueForInputs, }: MMInputsPropsT) => JSX.Element>;
 export {};

package/types/controlled-date-time-picker/parts/DateInputs/YYYYInput.d.ts

@@ -8,6 +8,7 @@ interface YYYYInputsPropsT {
     value: string;
     contextRef: React.RefObject<HTMLInputElement>;
     placeholder: string;
+    ariaCurrentValueForInputs: string;
 }
-export declare const YYYYInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, contextRef }: YYYYInputsPropsT) => JSX.Element>;
+export declare const YYYYInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, contextRef, ariaCurrentValueForInputs, }: YYYYInputsPropsT) => JSX.Element>;
 export {};

package/types/controlled-date-time-picker/parts/DateInputs/useDateInputs.d.ts

@@ -1,11 +1,2 @@
 import type { useDateInputsRT } from '../../index.d';
-export declare const useGetDestructuredDateValues: ({ date, dateTime, hideTime, }: {
-    date: string;
-    dateTime: string;
-    hideTime: boolean;
-}) => {
-    month: string;
-    day: string;
-    year: string;
-};
 export declare const useDateInputs: () => useDateInputsRT;

package/types/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.d.ts

@@ -1,2 +1,6 @@
 import React from 'react';
-export declare const CalendarBody: React.MemoExoticComponent<() => JSX.Element>;
+interface CalendarBodyPropsT {
+    weekRowsNum: number;
+}
+export declare const CalendarBody: React.MemoExoticComponent<({ weekRowsNum }: CalendarBodyPropsT) => JSX.Element>;
+export {};

package/types/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { DateMonth, fiveBySevenCurrentMonthDaysT, onFocusFuncT } from '../../../index.d';
-export declare type handleDayOnKeyDownT = (e: React.KeyboardEvent, day: fiveBySevenCurrentMonthDaysT) => void;
+import type { DateMonth, metaMonthDayT, onFocusFuncT } from '../../../index.d';
+export declare type handleDayOnKeyDownT = (e: React.KeyboardEvent, day: metaMonthDayT) => void;
 export interface KeyboardHandlersT {
     handleDayOnKeyDown: handleDayOnKeyDownT;
     handlePrevYearKeyDown: (e: React.KeyboardEvent) => void;
@@ -10,10 +10,10 @@ export interface KeyboardHandlersT {
     handlePickerIconKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
 }
 export interface FocusLogicT {
-    focusedDay?: fiveBySevenCurrentMonthDaysT;
+    focusedDay?: metaMonthDayT;
     tryToFocusCurrentlyDataIsFocusedDay: () => void;
     resetFocusedDayToStartDate: () => void;
-    handleFocusMetaDay: (metaDayToFocus: fiveBySevenCurrentMonthDaysT) => void;
+    handleFocusMetaDay: (metaDayToFocus: metaMonthDayT) => void;
     handleFocusMetaDayByDay: (day: Date) => void;
 }
 export interface HeaderButtonsRefsT {
@@ -38,13 +38,17 @@ export interface PopperTriggerLogicT {
 export interface useCurrentDisplayedMonthYearLogicT {
     currentMonth?: DateMonth;
     currentYear?: number;
-    daysArray: fiveBySevenCurrentMonthDaysT[];
+    daysArray: metaMonthDayT[];
+    invisibleFirstDay?: metaMonthDayT;
+    daysMatrixByWeekday: metaMonthDayT[][];
+    invisibleLastDay?: metaMonthDayT;
     handlePrevMonth: () => void;
     handlePrevYear: () => void;
     handleNextMonth: () => void;
     handleNextYear: () => void;
 }
 export interface CalendarContextT extends KeyboardHandlersT, HeaderButtonsRefsT, FocusLogicT, PopperTriggerLogicT, useCurrentDisplayedMonthYearLogicT {
+    ariaCurrentValueForInputs: string;
     showCalendar: boolean;
     setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;
     isControllerOnly: boolean;

package/types/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
-import type { fiveBySevenCurrentMonthDaysT } from '../../../index.d';
-export declare const CalendarDaysList: React.MemoExoticComponent<({ daysArray, innerRef }: CalendarDaysListPropsT) => JSX.Element>;
+import type { metaMonthDayT } from '../../../index.d';
+export declare const CalendarDaysList: React.MemoExoticComponent<({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }: CalendarDaysListPropsT) => JSX.Element>;
 export interface CalendarDaysListPropsT {
-    daysArray: fiveBySevenCurrentMonthDaysT[];
+    invisibleFirstDay: metaMonthDayT;
+    daysMatrixByWeekday: metaMonthDayT[][];
+    invisibleLastDay: metaMonthDayT;
     innerRef: React.RefObject<HTMLDivElement>;
 }

package/types/controlled-date-time-picker/parts/Pickers/Calendar/Day.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
-import type { fiveBySevenCurrentMonthDaysT } from '../../../index.d';
+import type { metaMonthDayT } from '../../../index.d';
 interface CalendarDayPropsT {
-    metaDay: fiveBySevenCurrentMonthDaysT;
+    metaDay: metaMonthDayT;
+    colIndex?: number;
+    isInvisible?: boolean;
 }
-export declare const Day: ({ metaDay }: CalendarDayPropsT) => JSX.Element;
+export declare const Day: ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT) => JSX.Element;
 export {};

package/types/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.d.ts

@@ -1,128 +1,73 @@
 /// <reference types="react" />
-export declare const StyledSpacingResetter: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<{
+    (props: any): JSX.Element;
+    propTypes: {
+        id: any;
+        buttonType: any;
+        size: any;
+        disabled: any;
+        onClick: any;
+        onKeyDown: any;
+        onBlur: any;
+        onFocus: any;
+        className: any;
+        tabIndex: any;
+        innerRef: any;
+        'aria-label': any;
+        'aria-pressed': any;
+        'data-testid': any;
+        role: any;
+        children: any;
+    };
+}, any, {}, never>;
+export declare const StyledShadowWrapper: import("styled-components").StyledComponent<"div", any, {
     isControllerOnly: boolean;
 }, never>;
 export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledHeader: import("styled-components").StyledComponent<"section", any, {}, never>;
 export declare const StyledHeaderButton: import("styled-components").StyledComponent<{
-    ({ innerRef, disabled, buttonType, fluidWidth, size, labelText, icon, onBlur, onClick, onKeyPress, leftIcon, tabIndex, variant, intent, containerProps, className, as: Component, type, ...rest }: {
-        [x: string]: any;
-        innerRef: any;
-        disabled: any;
+    (props: any): JSX.Element;
+    propTypes: {
+        id: any;
         buttonType: any;
-        fluidWidth: any;
         size: any;
-        labelText: any;
-        icon: any;
-        onBlur: any;
+        disabled: any;
         onClick: any;
-        onKeyPress: any;
-        leftIcon: any;
-        tabIndex: any;
-        variant: any;
-        intent: any;
-        containerProps: any;
+        onKeyDown: any;
+        onBlur: any;
+        onFocus: any;
         className: any;
-        as: any;
-        type: any;
-    }): JSX.Element;
-    defaultProps: {
-        disabled: boolean;
-        fluidWidth: boolean;
-        labelText: string;
-        icon: null;
-        onBlur: () => null;
-        onClick: () => null;
-        onKeyPress: () => null;
-        leftIcon: null;
-        tabIndex: number;
-        variant: string;
-        containerProps: {};
-        as: string;
-        type: string;
-    };
-    propTypes: {
         tabIndex: any;
-        className: any;
-        'aria-disabled': any;
-        as: any;
-        disabled: any;
-        fluidWidth: any;
-        labelText: any;
-        icon: any;
-        leftIcon: any;
-        buttonType: any;
-        size: any;
-        type: any;
-        variant: any;
         innerRef: any;
-        onBlur: any;
-        intent: any;
-        containerProps: any;
-        onClick: any;
-        onKeyPress: any;
+        'aria-label': any;
+        'aria-pressed': any;
+        'data-testid': any;
+        role: any;
+        children: any;
     };
 }, any, {}, never>;
 export declare const StyledBody: import("styled-components").StyledComponent<"section", any, {}, never>;
-export declare const StyledWeekDaysUList: import("styled-components").StyledComponent<"ul", any, {}, never>;
 export declare const StyledDayBtn: import("styled-components").StyledComponent<{
-    ({ innerRef, disabled, buttonType, fluidWidth, size, labelText, icon, onBlur, onClick, onKeyPress, leftIcon, tabIndex, variant, intent, containerProps, className, as: Component, type, ...rest }: {
-        [x: string]: any;
-        innerRef: any;
-        disabled: any;
+    (props: any): JSX.Element;
+    propTypes: {
+        id: any;
         buttonType: any;
-        fluidWidth: any;
         size: any;
-        labelText: any;
-        icon: any;
-        onBlur: any;
+        disabled: any;
         onClick: any;
-        onKeyPress: any;
-        leftIcon: any;
-        tabIndex: any;
-        variant: any;
-        intent: any;
-        containerProps: any;
+        onKeyDown: any;
+        onBlur: any;
+        onFocus: any;
         className: any;
-        as: any;
-        type: any;
-    }): JSX.Element;
-    defaultProps: {
-        disabled: boolean;
-        fluidWidth: boolean;
-        labelText: string;
-        icon: null;
-        onBlur: () => null;
-        onClick: () => null;
-        onKeyPress: () => null;
-        leftIcon: null;
-        tabIndex: number;
-        variant: string;
-        containerProps: {};
-        as: string;
-        type: string;
-    };
-    propTypes: {
         tabIndex: any;
-        className: any;
-        'aria-disabled': any;
-        as: any;
-        disabled: any;
-        fluidWidth: any;
-        labelText: any;
-        icon: any;
-        leftIcon: any;
-        buttonType: any;
-        size: any;
-        type: any;
-        variant: any;
         innerRef: any;
-        onBlur: any;
-        intent: any;
-        containerProps: any;
-        onClick: any;
-        onKeyPress: any;
+        'aria-label': any;
+        'aria-pressed': any;
+        'data-testid': any;
+        role: any;
+        children: any;
     };
 }, any, {}, never>;
-export declare const StyledMonthDaysUList: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"footer", any, {}, never>;

package/types/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { fiveBySevenCurrentMonthDaysT } from '../../../index.d';
+import type { metaMonthDayT } from '../../../index.d';
 import type { FocusLogicT } from './CalendarContext';
 interface useFocusLogicArgsT {
-    daysArray: fiveBySevenCurrentMonthDaysT[];
+    daysArray: metaMonthDayT[];
     calendarDaysWrapperRef: React.RefObject<HTMLDivElement>;
     showCalendar: boolean;
 }

package/types/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { fiveBySevenCurrentMonthDaysT, latestInteractionRegionT } from '../../../index.d';
+import type { metaMonthDayT, latestInteractionRegionT } from '../../../index.d';
 import type { KeyboardHandlersT, HeaderButtonsRefsT } from './CalendarContext';
 interface useKeyboardHandlersArgsT extends Partial<HeaderButtonsRefsT> {
-    focusedDay: fiveBySevenCurrentMonthDaysT;
-    daysArray: fiveBySevenCurrentMonthDaysT[];
+    focusedDay: metaMonthDayT;
+    daysArray: metaMonthDayT[];
     handlePrevMonth: () => void;
     handleNextMonth: () => void;
     pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;
@@ -13,7 +13,7 @@ interface useKeyboardHandlersArgsT extends Partial<HeaderButtonsRefsT> {
     isControllerOnly: boolean;
     setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;
     setLatestInteractionRegion: React.Dispatch<React.SetStateAction<latestInteractionRegionT>>;
-    handleFocusMetaDay: (metaDayToFocus: fiveBySevenCurrentMonthDaysT) => void;
+    handleFocusMetaDay: (metaDayToFocus: metaMonthDayT) => void;
     handleFocusMetaDayByDay: (dayToFocus: Date) => void;
     tryToFocusCurrentlyDataIsFocusedDay: () => void;
     hideDate: boolean;

package/types/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { fiveBySevenCurrentMonthDaysT } from '../../../index.d';
+import type { metaMonthDayT } from '../../../index.d';
 import type { PopperTriggerLogicT } from './CalendarContext';
 interface usePopperTriggerLogicT {
-    focusedDay: fiveBySevenCurrentMonthDaysT;
+    focusedDay: metaMonthDayT;
     resetFocusedDayToStartDate: () => void;
     prevMonthBtnRef: React.RefObject<HTMLButtonElement>;
     pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;

package/types/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export interface CalendarWithTimeWheelContextT {
+    ariaCurrentValueForInputs: string;
     showCalendarWithTimeWheel: boolean;
     setPopperElement: (instance: HTMLDivElement) => void;
     setArrowElement: (instance: HTMLDivElement) => void;