@capillarytech/blaze-ui 6.1.0 → 6.1.1

package/CapEventCalendar/tests/types.d.ts

@@ -0,0 +1,26 @@
+export type MockCanvasContext = {
+    beginPath: jest.Mock;
+    closePath: jest.Mock;
+    fillStyle: string;
+    strokeStyle: string;
+    textAlign: string;
+    measureText: jest.Mock<(text: string) => {
+        width: number;
+        actualBoundingBoxAscent?: number;
+        actualBoundingBoxDescent?: number;
+    }>;
+    fillRect: jest.Mock;
+    fillText: jest.Mock;
+    arc: jest.Mock;
+    fill: jest.Mock;
+    setLineDash: jest.Mock;
+    moveTo: jest.Mock;
+    lineTo: jest.Mock;
+    stroke: jest.Mock;
+    quadraticCurveTo: jest.Mock;
+    rect: jest.Mock;
+    isPointInPath: jest.Mock<() => boolean>;
+    font: string;
+};
+export declare const createMockContext: () => MockCanvasContext;
+//# sourceMappingURL=types.d.ts.map

package/CapEventCalendar/tests/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/CapEventCalendar/tests/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC;IACrB,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,IAAI,CAAC,IAAI,CACpB,CAAC,IAAI,EAAE,MAAM,KAAK;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC,CACF,CAAC;IACF,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC;IACpB,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC;IACpB,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC;IACf,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC;IACvB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;IAClB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;IAClB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;IAClB,gBAAgB,EAAE,IAAI,CAAC,IAAI,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,OAAO,CAAC,CAAC;IACxC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAGF,eAAO,MAAM,iBAAiB,QAAO,iBAuBnC,CAAC"}

package/CapEventCalendar/types.d.ts

@@ -0,0 +1,188 @@
+import type { PopoverProps } from 'antd-v5';
+import type { Dayjs } from 'dayjs';
+import React from 'react';
+import type { MutableRefObject } from 'react';
+import type { Root } from 'react-dom/client';
+import { WrappedComponentProps } from 'react-intl';
+export interface CapEventCalendarEvent {
+    event_id: string | number;
+    start: string;
+    end: string;
+    title: string;
+    backgroundColor: string;
+    popoverProps?: Record<string, unknown>;
+}
+export interface CapEventCalendarProps extends WrappedComponentProps {
+    calendarDate?: string;
+    events?: CapEventCalendarEvent[];
+    popoverContent?: React.ComponentType<Record<string, unknown>>;
+    onQuarterChange?: (quarterNum: number, date: Dayjs) => void;
+    selectedQuarter?: 'JFM' | 'AMJ' | 'JAS' | 'OND';
+    calendarGridLineLabel?: string;
+    dayLabels?: string[];
+    allQuartersLabel?: string[];
+    monthLabels?: string[];
+    todayTooltipProps?: Record<string, unknown>;
+    dashLineOffsetY?: number;
+    eventHeight?: number;
+    eventRowGap?: number;
+    textPadding?: number;
+    eventStartYOffset?: number;
+    minCanvasHeight?: number;
+    canvasFont?: string;
+    popoverPlacement?: PopoverProps['placement'];
+    emptyState?: boolean;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
+    emptyStateButtonLabel?: string;
+    onEmptyStateButtonClick?: () => void;
+    isButtonDisabled?: boolean;
+}
+export interface MonthDisplayItem {
+    name: string;
+    start: string;
+    end: string;
+    daysInMonth: number;
+    month: number;
+}
+export interface FormattedEvent {
+    event_id: string | number;
+    start: string;
+    end: string;
+    title: string;
+    backgroundColor: string;
+    popoverProps?: Record<string, unknown>;
+}
+export interface CalendarCanvasProps {
+    displayMonths: MonthDisplayItem[];
+    dayGrid: number;
+    formattedEvents: FormattedEvent[][];
+    todayTooltipProps?: Record<string, unknown>;
+    dashLineOffsetY?: number;
+    eventHeight?: number;
+    eventRowGap?: number;
+    textPadding?: number;
+    eventStartYOffset?: number;
+    minCanvasHeight?: number;
+    canvasFont?: string;
+    popoverPlacement?: PopoverProps['placement'];
+    carouselDate: string;
+    popoverContent?: React.ComponentType<Record<string, unknown>>;
+}
+export interface DayDropdownProps {
+    fetchDay: (day: number) => void;
+    day: number;
+    dayLabels: string[];
+}
+export interface MonthHeaderProps {
+    displayMonths: MonthDisplayItem[];
+}
+export interface DayRectObject {
+    x: number;
+    y: number;
+    midX: number;
+    width: number;
+    height: number;
+    isCont?: boolean;
+}
+export interface DrawState {
+    day: Record<string, DayRectObject>;
+}
+export interface HoverEvent {
+    event: FormattedEvent;
+    startRect: DayRectObject;
+    endRect: DayRectObject;
+    eventStartY: number;
+    eventHeight: number;
+    isNewEvent: boolean;
+}
+export interface MouseCoords {
+    mouseX?: number;
+    mouseY?: number;
+}
+export interface ToggleTooltipArgs {
+    visible: unknown;
+    isTooltipVisible: MutableRefObject<boolean | null>;
+    todayTooltipProps: Record<string, unknown>;
+    rootTooltipRef: MutableRefObject<Root | null>;
+}
+export interface TogglePopoverArgs {
+    visible: boolean;
+    rootPopoverRef: MutableRefObject<Root | null>;
+    isPopoverVisible: MutableRefObject<boolean | null>;
+    popoverContent?: React.ComponentType<Record<string, unknown>>;
+    popoverPlacement?: PopoverProps['placement'];
+    popoverContentProps?: Record<string, unknown>;
+}
+export interface DrawHeadingTextParams {
+    context: CanvasRenderingContext2D;
+    x: number;
+    y: number;
+    height: number;
+    text: string;
+}
+export interface DrawCircleParams {
+    context: CanvasRenderingContext2D;
+    x: number;
+    y: number;
+    radius: number;
+    color: string;
+}
+export interface DrawDashedLinesParams {
+    context: CanvasRenderingContext2D;
+    x: number;
+    y: number;
+    x1: number;
+    y1: number;
+}
+export interface DrawTodayLineParams {
+    context: CanvasRenderingContext2D;
+    x: number;
+    y: number;
+    x1: number;
+    y1: number;
+    mouseX?: number;
+    mouseY?: number;
+}
+export interface DrawLineSeperatorParams {
+    context: CanvasRenderingContext2D;
+    x: number;
+    y: number;
+    x1: number;
+    y1: number;
+}
+export interface DrawRoundRectParams {
+    context: CanvasRenderingContext2D;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    radius: number;
+    openLeft?: boolean;
+    openRight?: boolean;
+    fillStyle: string;
+    mouseX?: number;
+    mouseY?: number;
+}
+export interface DoEllipsisParams {
+    context: CanvasRenderingContext2D;
+    text: string;
+    maxWidth: number;
+}
+export interface DrawRoundRectWithTextParams {
+    context: CanvasRenderingContext2D;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    bgColor: string;
+    borderRadius?: number;
+    text: string;
+    color: string;
+    textPadding: number;
+    openLeft?: boolean;
+    openRight?: boolean;
+    mouseX?: number;
+    mouseY?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/CapEventCalendar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapEventCalendar/types.ts"],"names":[],"mappings":"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"}

package/CapEventCalendar/types.js

@@ -0,0 +1 @@
+

package/CapEventCalendar/utils.d.ts

@@ -1,5 +1,7 @@
-export declare const getQuarterForDate: (date: any) => number;
-export declare const splitMonthsArrayToQuarterChunks: (monthLabels?: string[]) => any[];
+import type { Dayjs } from 'dayjs';
+import type { CapEventCalendarEvent, FormattedEvent, MonthDisplayItem } from './types';
+export declare const getQuarterForDate: (date: string | Dayjs) => number;
+export declare const splitMonthsArrayToQuarterChunks: (monthLabels?: string[]) => string[][];
 /**
  * The start and end of the months is calculated along with other information needed for month
  * This is being used for drawing the canvas via the displayMonths state value in CapEventCalendar
@@ -7,13 +9,13 @@ export declare const splitMonthsArrayToQuarterChunks: (monthLabels?: string[]) =
  * @param {*} monthNames  this is for localization of month strings when displaying the month names in the header
  * @returns
  */
-export declare const getMonthsForQuarter: (quarter: any, monthNames: any) => any[];
+export declare const getMonthsForQuarter: (quarter: number, monthNames: string[][]) => MonthDisplayItem[];
 /**
  * To display the dates in the header and caculate the rectangles to be drawn in the canvas
  * @param {*} date
  * @returns
  */
-export declare const getDaysOfMonth: (date: any) => string[];
+export declare const getDaysOfMonth: (date: string | Dayjs) => string[];
 /**
  * Checks if the date lies between start and end or
  * if it is same as start date or end date
@@ -24,7 +26,7 @@ export declare const getDaysOfMonth: (date: any) => string[];
  * @param {*} end
  * @returns
  */
-export declare const checkIfDateIsInRange: (date: any, start: any, end: any) => boolean;
+export declare const checkIfDateIsInRange: (date: string | Dayjs, start: string | Dayjs, end: string | Dayjs) => boolean;
 /**
  * This is to check if the given event spans a longer duration( quarter long or spans multiple quarter)
  * So as to create a new array for such events
@@ -32,7 +34,7 @@ export declare const checkIfDateIsInRange: (date: any, start: any, end: any) =>
  * @param {*} newEvent
  * @returns
  */
-export declare const isEventLong: (eventInRow: any, newEvent: any) => boolean;
+export declare const isEventLong: (eventInRow: CapEventCalendarEvent | FormattedEvent, newEvent: CapEventCalendarEvent | FormattedEvent) => boolean;
 /**
  * In order to decide if events are to be displayed in new row, we follow rules
  * 1- event start and end dates should not be in-between/same of any existing event in the row
@@ -41,8 +43,8 @@ export declare const isEventLong: (eventInRow: any, newEvent: any) => boolean;
  * @param {Number} chosenQuarter
  * @returns
  */
-export declare const formatDataToSuitCanvas: (events: any) => any[];
-export declare const getFirstDateOfQuarter: (quarter: any, year: any) => string;
+export declare const formatDataToSuitCanvas: (events: CapEventCalendarEvent[]) => FormattedEvent[][];
+export declare const getFirstDateOfQuarter: (quarter: number, year: number) => string;
 /**
  * Check if the year needs to be incremented/decremented based on the following rules
  * For decrement:
@@ -59,5 +61,5 @@ export declare const getFirstDateOfQuarter: (quarter: any, year: any) => string;
  * @param {String} referenceDate
  * @returns
  */
-export declare const handleYearChange: (quarter: any, date: any, increment: any, referenceDate: any) => false | any[];
+export declare const handleYearChange: (quarter: number, date: string, increment: boolean, referenceDate?: string) => [number, string, boolean?] | false;
 //# sourceMappingURL=utils.d.ts.map

package/CapEventCalendar/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../components/CapEventCalendar/utils.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,GAAI,SAAI,WAA0B,CAAC;AAEjE,eAAO,MAAM,+BAA+B,GAAI,sBAA0B,UAQzE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,YAAO,EAAE,eAAU,UAwCtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,SAAI,aAalC,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,GAAI,SAAI,EAAE,UAAK,EAAE,QAAG,YAUpD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,eAAU,EAAE,aAAQ,YAQ/C,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GAAI,WAAM,UA+C5C,CAAC;AASF,eAAO,MAAM,qBAAqB,GAAI,YAAO,EAAE,SAAI,WACwC,CAAC;AAE5F;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,GAAI,YAAO,EAAE,SAAI,EAAE,cAAS,EAAE,kBAAa,kBA2BvE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../components/CapEventCalendar/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAMnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEvF,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,GAAG,KAAK,KAAG,MAA+B,CAAC;AAEzF,eAAO,MAAM,+BAA+B,GAC1C,cAAa,MAAM,EAAiB,KACnC,MAAM,EAAE,EAQV,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,SAAS,MAAM,EACf,YAAY,MAAM,EAAE,EAAE,KACrB,gBAAgB,EAwClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,GAAG,KAAK,KAAG,MAAM,EAgB3D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,GAC/B,MAAM,MAAM,GAAG,KAAK,EACpB,OAAO,MAAM,GAAG,KAAK,EACrB,KAAK,MAAM,GAAG,KAAK,KAClB,OAUF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GACtB,YAAY,qBAAqB,GAAG,cAAc,EAClD,UAAU,qBAAqB,GAAG,cAAc,KAC/C,OAQF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,qBAAqB,EAAE,KAAG,cAAc,EAAE,EA+CxF,CAAC;AASF,eAAO,MAAM,qBAAqB,GAAI,SAAS,MAAM,EAAE,MAAM,MAAM,KAAG,MAKzD,CAAC;AAEd;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,EACf,MAAM,MAAM,EACZ,WAAW,OAAO,EAClB,gBAAgB,MAAM,KACrB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,KA6B/B,CAAC"}

package/CapEventCalendar/utils.js

@@ -1,5 +1,5 @@
 import { forEach, some } from "lodash";
-import { momentToDayjs, TIME_UNITS } from "../utils/dayjs.js";
+import { TIME_UNITS, momentToDayjs, FORMAT_TOKENS } from "../utils/dayjs.js";
 import { MONTH_LABELS, DATE_STRING_FORMAT } from "./constants.js";
 import dayjs from "dayjs";
 const getQuarterForDate = (date) => dayjs(date).quarter();
@@ -50,13 +50,16 @@ const getMonthsForQuarter = (quarter, monthNames) => {
 const getDaysOfMonth = (date) => {
   const month = dayjs(date).month();
   const year = dayjs(date).year();
-  const monthDate = dayjs(`${year}-${month + 1}`, "YYYY-MM");
+  const monthDate = dayjs(
+    `${year}-${String(month + 1).padStart(2, "0")}`,
+    FORMAT_TOKENS.YEAR_MONTH
+  );
   const daysInMonth = monthDate.daysInMonth();
   const arrDays = [monthDate.format()];
   let current = monthDate.format();
   for (let i = 1; i < daysInMonth; ) {
-    current = dayjs(current).add(1, TIME_UNITS.DAY);
-    arrDays.push(current.format());
+    current = dayjs(current).add(1, TIME_UNITS.DAY).format();
+    arrDays.push(current);
     i++;
   }
   return arrDays;
@@ -127,8 +130,8 @@ const startMonthOfQuarter = {
 const getFirstDateOfQuarter = (quarter, year) => dayjs().year(year).month(startMonthOfQuarter[quarter]).startOf(TIME_UNITS.MONTH).format();
 const handleYearChange = (quarter, date, increment, referenceDate) => {
   const year = dayjs(date).year();
-  const refYear = referenceDate && dayjs(referenceDate).year();
-  if (referenceDate) {
+  const refYear = referenceDate ? dayjs(referenceDate).year() : void 0;
+  if (referenceDate && refYear !== void 0) {
     if (year === refYear - 1 && quarter === 1) return false;
     if (quarter === 1 && !increment) {
       const updatedDate2 = dayjs().year(year - 1).month(11);
@@ -144,7 +147,7 @@ const handleYearChange = (quarter, date, increment, referenceDate) => {
   return [
     _quarter,
     updatedDate.startOf(TIME_UNITS.MONTH).format(),
-    quarter === 2 && year === refYear - 1
+    quarter === 2 && refYear !== void 0 && year === refYear - 1
   ];
 };
 export {

package/CapMobileDatePicker/index.d.ts

@@ -3,19 +3,8 @@
  * MobileDatePicker
  *
  */
-import PropTypes from 'prop-types';
-import './styles.scss';
-declare function CapMobileDatePicker({ onChange, value, lastSyncDate }: {
-    onChange: any;
-    value: any;
-    lastSyncDate: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace CapMobileDatePicker {
-    var propTypes: {
-        value: PropTypes.Requireable<object>;
-        lastSyncDate: PropTypes.Requireable<object>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
+import type { CapMobileDatePickerProps } from './types';
+declare function CapMobileDatePicker({ onChange, value, lastSyncDate }: CapMobileDatePickerProps): import("react/jsx-runtime").JSX.Element;
 export default CapMobileDatePicker;
+export type { CapMobileDatePickerProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/CapMobileDatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapMobileDatePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,OAAO,eAAe,CAAC;AAKvB,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE;;;;CAAA,2CA2C7D;kBA3CQ,mBAAmB;;;;;;;AAmD5B,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapMobileDatePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAQxD,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,wBAAwB,2CAwDvF;AAED,eAAe,mBAAmB,CAAC;AACnC,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC"}

package/CapMobileDatePicker/index.js

@@ -1,63 +1,71 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import moment from "moment";
-import PropTypes from "prop-types";
 import { useState } from "react";
+import { FORMAT_TOKENS } from "../utils/dayjs.js";
 import CapCalendarDatePicker from "../CapCalendarDatePicker/index.js";
 import CapIcon from "../CapIcon/index.js";
 import InputFinal from "../CapInput/index.js";
 import CapModalWithHoc from "../CapModal/index.js";
-import './styles.css';/* empty css            */
+import styles from "./styles.module.scss.js";
 const INCEPTION_DATE = "2000-01-01";
-const DATE_CALC_FORMAT = "YYYY-MM-DD";
-const DATE_DISPLAY_FORMAT = "DD MMMM YYYY";
+const DATE_CALC_FORMAT = FORMAT_TOKENS.ISO_8601_DATE;
+const DATE_DISPLAY_FORMAT = FORMAT_TOKENS.DATE_DISPLAY_FULL;
+const clsPrefix = "cap-mobile-date-picker";
 function CapMobileDatePicker({ onChange, value, lastSyncDate }) {
-  const [visible, setVisible] = useState(false);
+  const [open, setOpen] = useState(false);
   const handleDateChange = (date) => {
-    onChange(moment(date));
-    setVisible(false);
+    onChange == null ? void 0 : onChange(moment(date));
+    setOpen(false);
+  };
+  const handleModalOpen = () => {
+    setOpen(true);
+  };
+  const handleModalClose = () => {
+    setOpen(false);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       InputFinal,
       {
         suffix: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CapIcon, { type: "calendar", style: { color: "rgb(9, 30, 66)" }, size: "m" }) }),
-        onClick: () => setVisible(true),
-        value: moment(value).format(DATE_DISPLAY_FORMAT)
+        onClick: handleModalOpen,
+        value: value ? moment(value).format(DATE_DISPLAY_FORMAT) : void 0,
+        size: "large"
       }
     ),
     /* @__PURE__ */ jsx(
       CapModalWithHoc,
       {
-        visible,
+        open,
         centered: true,
-        onCancel: () => setVisible(false),
-        className: "mobile-date-picker-modal",
+        onCancel: handleModalClose,
+        className: styles[`${clsPrefix}-modal`],
+        classNames: {
+          root: styles[`${clsPrefix}-modal-root`],
+          body: styles[`${clsPrefix}-modal-body`],
+          container: styles[`${clsPrefix}-modal-container`],
+          footer: styles[`${clsPrefix}-modal-footer`]
+        },
         closable: false,
         footer: /* @__PURE__ */ jsx(Fragment, {}),
         children: /* @__PURE__ */ jsx(
           CapCalendarDatePicker,
           {
             inline: true,
+            className: styles[`${clsPrefix}-calendar`],
             minDate: moment(INCEPTION_DATE, DATE_CALC_FORMAT).toDate(),
             maxDate: lastSyncDate.toDate(),
             dropdownMode: "select",
             showMonthDropdown: true,
             showYearDropdown: true,
-            readOnly: true,
             onChange: handleDateChange,
-            selected: moment(value).toDate(),
-            disabledDate: (currentDate) => currentDate.isAfter(lastSyncDate) || currentDate.isBefore(moment(INCEPTION_DATE))
+            selected: value ? moment(value).toDate() : void 0
           }
         )
       }
     )
   ] });
 }
-CapMobileDatePicker.propTypes = {
-  value: PropTypes.object,
-  lastSyncDate: PropTypes.object,
-  onChange: PropTypes.func
-};
 export {
   CapMobileDatePicker as default
 };

package/CapMobileDatePicker/styles.css

@@ -1,19 +1,36 @@
-.mobile-date-picker-modal {
-  min-width: 320px;
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.cap-mobile-date-picker-modal-root {
+  min-width: 22.857rem;
   width: unset !important;
 }
-.mobile-date-picker-modal .ant-modal-content .ant-modal-body, .mobile-date-picker-modal .ant-modal-content .ant-modal-footer {
-  padding: 0 !important;
+.cap-mobile-date-picker-modal-body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
-.mobile-date-picker-modal .ant-modal-content .react-datepicker__day--keyboard-selected {
-  background-color: rgb(36, 102, 234);
-  color: #fff !important;
+.cap-mobile-date-picker-modal-body .react-datepicker__day--keyboard-selected {
+  background-color: #2466ea;
+  color: #ffffff !important;
   border-radius: 50%;
 }
-.mobile-date-picker-modal .ant-modal-content .react-datepicker__navigation-icon--next, .mobile-date-picker-modal .ant-modal-content .react-datepicker__navigation-icon--previous {
+.cap-mobile-date-picker-modal-container {
+  padding: 0 !important;
+}
+.cap-mobile-date-picker-modal-footer {
   display: none !important;
 }
-
-.ant-input-lg {
-  font-size: 14px !important;
+.cap-mobile-date-picker-calendar {
+  box-shadow: none;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }

package/CapMobileDatePicker/styles.module.scss.js

@@ -0,0 +1,10 @@
+import './styles.css';const styles = {
+  "cap-mobile-date-picker-modal-root": "cap-mobile-date-picker-modal-root",
+  "cap-mobile-date-picker-modal-body": "cap-mobile-date-picker-modal-body",
+  "cap-mobile-date-picker-modal-container": "cap-mobile-date-picker-modal-container",
+  "cap-mobile-date-picker-modal-footer": "cap-mobile-date-picker-modal-footer",
+  "cap-mobile-date-picker-calendar": "cap-mobile-date-picker-calendar"
+};
+export {
+  styles as default
+};

package/CapMobileDatePicker/styles.scss

@@ -1,20 +1,41 @@
-.mobile-date-picker-modal{
-    min-width: 320px;
+@import '../styles/_variables.scss';
+
+$clsPrefix: 'cap-mobile-date-picker';
+
+.#{$clsPrefix}-modal {
+  &-root {
+    min-width: 22.857rem;
     width: unset !important;
-    .ant-modal-content{
-        .ant-modal-body, .ant-modal-footer{
-            padding: 0 !important;
-        }
-        .react-datepicker__day--keyboard-selected {
-            background-color: rgb(36, 102, 234);
-            color: #fff !important;
-            border-radius: 50%;
-        }
-        .react-datepicker__navigation-icon--next, .react-datepicker__navigation-icon--previous{
-            display: none !important;
-        }
+  }
+
+  &-body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    :global {
+      .react-datepicker__day--keyboard-selected {
+        background-color: $cap-secondary-base;
+        color: $cap-white !important;
+        border-radius: 50%;
+      }
     }
+  }
+
+  &-container {
+    padding: 0 !important;
+  }
+
+  &-footer {
+    display: none !important;
+  }
 }
-.ant-input-lg{
-    font-size: 14px !important;
+
+.#{$clsPrefix}-calendar {
+  box-shadow: none;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }

package/CapMobileDatePicker/tests/CapMobileDatePicker.mockData.d.ts

@@ -0,0 +1,41 @@
+import moment from 'moment';
+export declare const mockDates: {
+    inception: moment.Moment;
+    midRange: moment.Moment;
+    midRange2: moment.Moment;
+    midRange3: moment.Moment;
+    lastSync: moment.Moment;
+    lastSyncMidYear: moment.Moment;
+    boundarySame: moment.Moment;
+    beforeInception: moment.Moment;
+    afterLastSync: moment.Moment;
+    differentYear: moment.Moment;
+};
+export declare const mockProps: {
+    default: {
+        value: moment.Moment;
+        lastSyncDate: moment.Moment;
+    };
+    withOnChange: {
+        value: moment.Moment;
+        lastSyncDate: moment.Moment;
+        onChange: jest.Mock<any, any, any>;
+    };
+    boundaryDates: {
+        value: moment.Moment;
+        lastSyncDate: moment.Moment;
+    };
+    nullValue: {
+        value: unknown;
+        lastSyncDate: moment.Moment;
+    };
+    undefinedValue: {
+        value: any;
+        lastSyncDate: moment.Moment;
+    };
+    midYearSync: {
+        value: moment.Moment;
+        lastSyncDate: moment.Moment;
+    };
+};
+//# sourceMappingURL=CapMobileDatePicker.mockData.d.ts.map

package/CapMobileDatePicker/tests/CapMobileDatePicker.mockData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapMobileDatePicker.mockData.d.ts","sourceRoot":"","sources":["../../../components/CapMobileDatePicker/tests/CapMobileDatePicker.mockData.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAC;AAE5B,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;eAeH,OAAO;;;;;;;;;;;CAWzB,CAAC"}

package/CapMobileDatePicker/types.d.ts

@@ -0,0 +1,17 @@
+import type { Moment } from 'moment';
+export interface CapMobileDatePickerProps {
+    /**
+     * Selected date value (moment object)
+     */
+    value?: Moment;
+    /**
+     * Last sync date - maximum selectable date (moment object)
+     */
+    lastSyncDate: Moment;
+    /**
+     * Callback when date changes
+     * @param date - Selected moment object
+     */
+    onChange?: (date: Moment) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/CapMobileDatePicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapMobileDatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}

package/CapMobileDatePicker/types.js

@@ -0,0 +1 @@
+