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

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/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js

@@ -10,7 +10,7 @@ const useGetMonthYearFromDateStringOrEmptyStartingMonth = () => {
     }
   } = useContext(ControlledDateTimePickerContext);
   return useMemo(() => {
-    const emptyPickerStartingMonthDefault = `${new Date().getMonth() + 1}/__/${new Date().getFullYear()}`;
+    const emptyPickerStartingMonthDefault = "".concat(new Date().getMonth() + 1, "/__/").concat(new Date().getFullYear());
     const {
       month: stringMonthVal,
       year: stringYearVal

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

@@ -1,6 +1,10 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 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();
@@ -19,7 +23,7 @@ const getFormattedDateString = ({
   const finalMonth = fillStringWithPlaceHolders(month, 2);
   const finalDay = fillStringWithPlaceHolders(day, 2);
   const finalYear = fillStringWithPlaceHolders(year, 4);
-  return `${finalMonth}/${finalDay}/${finalYear}`;
+  return "".concat(finalMonth, "/").concat(finalDay, "/").concat(finalYear);
 };
 const dateTimeToDate = dateTime => {
   var _dateTime$split, _dateTime$split$call;
@@ -70,7 +74,7 @@ const getFormattedTimeString = ({
 
   const finalMeridiem = fillStringWithPlaceHolders(meridiem, 2); // return `${finalHour}:${finalMinutes}:${finalSeconds} ${finalMeridiem}`;// <-- seconds format
 
-  return `${finalHour}:${finalMinutes} ${finalMeridiem}`;
+  return "".concat(finalHour, ":").concat(finalMinutes, " ").concat(finalMeridiem);
 };
 const dateTimeToTime = dateTime => {
   var _dateTime$split2;
@@ -78,7 +82,7 @@ const dateTimeToTime = dateTime => {
   const [// eslint-disable-next-line @typescript-eslint/no-unused-vars
   _date, // timeNumbers = '__:__:__', // <-- seconds format
   timeNumbers = '__:__', timeMeridiem = '__'] = dateTime === null || dateTime === void 0 ? void 0 : (_dateTime$split2 = dateTime.split) === null || _dateTime$split2 === void 0 ? void 0 : _dateTime$split2.call(dateTime, ' ');
-  return `${timeNumbers} ${timeMeridiem}`;
+  return "".concat(timeNumbers, " ").concat(timeMeridiem);
 };
 const deconstructTimeValues = timeString => {
   var _timeString$split, _dirtyTimes$split;
@@ -114,5 +118,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 "".concat(monthNames[monthNum - 1], " ").concat(announcableCardinalDays[dayNum], " ").concat(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/controlled-toggle/ControlledToggle.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
 import { uid } from 'uid';
 import { describe } from 'react-desc';
@@ -84,7 +85,7 @@ const DSControlledToggle = ({
       active: active,
       disabled: disabled,
       htmlFor: id ? undefined : instanceUID,
-      as: id ? 'p' : 'label'
+      as: id ? 'span' : 'label'
     }, void 0, /*#__PURE__*/_jsx(StyledCircle, {
       checked: checked,
       size: size,

package/esm/controlled-toggle/styles.js

@@ -17,7 +17,7 @@ const StyledLabel = /*#__PURE__*/styled.div.withConfig({
 })(["width:", ";height:", ";z-index:2;outline:none;border-radius:", ";"], ({
   width,
   size
-}) => `calc(${width}px + ${margin[size]})`, ({
+}) => "calc(".concat(width, "px + ").concat(margin[size], ")"), ({
   size
 }) => labelHeight[size], ({
   size
@@ -28,16 +28,14 @@ const StyledVisibleContent = /*#__PURE__*/styled.label.withConfig({
   checked
 }) => checked ? 'row-reverse' : 'row', ({
   size
-}) => `calc(${labelHeight[size]} - 4px)`, ({
+}) => "calc(".concat(labelHeight[size], " - 4px)"), ({
   theme,
   size,
   checked,
   disabled,
   readOnly,
   active
-}) => size === 's' ? `1px solid ${handleBorderColor(checked, disabled, readOnly, active, theme)}` : `
-    2px solid ${handleBorderColor(checked, disabled, readOnly, active, theme)}
-    `, ({
+}) => size === 's' ? "1px solid ".concat(handleBorderColor(checked, disabled, readOnly, active, theme)) : "\n    2px solid ".concat(handleBorderColor(checked, disabled, readOnly, active, theme), "\n    "), ({
   theme,
   checked,
   disabled,
@@ -72,10 +70,10 @@ const StyledText = /*#__PURE__*/styled.div.withConfig({
 }) => disabled ? '#5c6574' : theme.colors.neutral['000'], ({
   isLongerTextRendering,
   checked
-}) => isLongerTextRendering && checked ? `margin-left: 6px;` : undefined, ({
+}) => isLongerTextRendering && checked ? "margin-left: 6px;" : undefined, ({
   isLongerTextRendering,
   checked
-}) => isLongerTextRendering && !checked ? `margin-left: 4px;` : undefined);
+}) => isLongerTextRendering && !checked ? "margin-left: 4px;" : undefined);
 const StyledInput = /*#__PURE__*/styled.input.withConfig({
   componentId: "sc-v733m4-5"
 })(["position:absolute;opacity:0;z-index:20;height:100%;width:100%;cursor:pointer;"]);

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.10",
   "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.10",
+    "@elliemae/ds-button": "2.0.0-next.10",
+    "@elliemae/ds-icons": "2.0.0-next.10",
     "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;

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

@@ -1,4 +1,25 @@
 /// <reference types="react" />
+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 StyledCalendarWithTimeWheelWrapper: import("styled-components").StyledComponent<"div", any, {
     isControllerOnly: boolean;
 }, never>;