@capillarytech/blaze-ui 6.1.7 → 6.2.0

package/CapDateRangePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDateRangePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,iCAAiC,CAAC;;AA0OzC,wBAAyD;AACzD,YAAY,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDateRangePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,iCAAiC,CAAC;;AA8OzC,wBAAyD;AACzD,YAAY,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/CapDateRangePicker/index.js

@@ -47,6 +47,7 @@ const CapDateRangePicker = ({
   open,
   onOpenChange,
   suffixIcon,
+  isSingleMonthRangePicker = false,
   ...rest
 }) => {
   logDeprecationWarning(
@@ -173,7 +174,10 @@ const CapDateRangePicker = ({
           popupClassName: classNames(
             `${commonClsPrefix}-dropdown`,
             `${clsPrefix}-dropdown`,
-            finalPopupClassName
+            finalPopupClassName,
+            {
+              [styles[`${clsPrefix}--single-month-range-picker`]]: isSingleMonthRangePicker
+            }
           ),
           popupStyle: finalPopupStyle,
           getPopupContainer: finalGetPopupContainer,

package/CapDateRangePicker/styles.css

@@ -32,4 +32,32 @@
   padding: 0;
   border: 0;
   overflow: hidden;
+}
+.cap-date-range-picker-v2--single-month-range-picker {
+  --ant-size-popup-arrow: 0;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-header {
+  --ant-color-icon: $CAP_G01;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-panels {
+  position: relative;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-panel:last-of-type {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  width: 100% !important;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-panel:last-of-type .ant-picker-header-view {
+  display: none;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-panel:last-of-type .ant-picker-header {
+  position: absolute;
+  right: 0.143rem;
+  height: 3rem;
+  width: unset;
+}
+.cap-date-range-picker-v2--single-month-range-picker .ant-picker-panel:last-of-type .ant-picker-body {
+  display: none;
 }

package/CapDateRangePicker/styles.module.scss.js

@@ -1,7 +1,8 @@
 import './styles.css';const styles = {
   "cap-date-range-picker-v2__timezone-footer": "cap-date-range-picker-v2__timezone-footer",
   "cap-icon": "cap-icon",
-  "cap-date-range-picker-v2--calendar-only": "cap-date-range-picker-v2--calendar-only"
+  "cap-date-range-picker-v2--calendar-only": "cap-date-range-picker-v2--calendar-only",
+  "cap-date-range-picker-v2--single-month-range-picker": "cap-date-range-picker-v2--single-month-range-picker"
 };
 export {
   styles as default

package/CapDateRangePicker/styles.scss

@@ -38,4 +38,41 @@ $clsPrefix: 'cap-date-range-picker-v2';
       }
     }
   }
+
+  &--single-month-range-picker {
+    :global {
+      --ant-size-popup-arrow: 0;
+
+      .ant-picker-header {
+        --ant-color-icon: $CAP_G01;
+      }
+
+      .ant-picker-panels {
+        position: relative;
+      }
+
+      .ant-picker-panel:last-of-type {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        width: 100% !important;
+
+        .ant-picker-header-view {
+          display: none;
+        }
+
+        .ant-picker-header {
+          position: absolute;
+          right: 0.143rem;
+          height: 3rem;
+          width: unset;
+        }
+
+        .ant-picker-body {
+          display: none;
+        }
+      }
+    }
+  }
 }

package/CapDateRangePicker/types.d.ts

@@ -138,5 +138,10 @@ export interface CapDateRangePickerProps extends Omit<RangePickerProps, 'value'
      * @deprecated Use `autoFocus` instead. Will be removed in next major version.
      */
     autoFocusEndDate?: boolean;
+    /**
+     * Whether to show a single month range picker
+     * @default false
+     */
+    isSingleMonthRangePicker?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/CapDateRangePicker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapDateRangePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;AAE7D,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,gBAAgB,EACd,OAAO,GACP,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,YAAY,GACZ,mBAAmB,GACnB,MAAM,GACN,WAAW,CACd;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAEtE;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,WAAW,CAAC;IAE9D;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAE1C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,WAAW,CAAC;IAEjE;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAEhC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEtD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;IAEvC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapDateRangePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;AAE7D,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,gBAAgB,EACd,OAAO,GACP,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,YAAY,GACZ,mBAAmB,GACnB,MAAM,GACN,WAAW,CACd;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAEtE;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,WAAW,CAAC;IAE9D;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAE1C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,WAAW,CAAC;IAEjE;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAEhC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEtD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;IAEvC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC"}

package/CapEmojiPicker/Picker/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import '../_capEmojiPicker.scss';
-export declare const importEmojiPicker: () => Promise<typeof import("emoji-picker-react")>;
+export declare const importEmojiPicker: () => Promise<any>;
 declare const _default: React.ComponentType<Omit<import("react-intl").WrappedComponentProps, "intl">>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/CapEmojiPicker/Picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/CapEmojiPicker/Picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAKjF,OAAO,yBAAyB,CAAC;AAMjC,eAAO,MAAM,iBAAiB,oDAAqC,CAAC;;AAuJpE,wBAAkC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/CapEmojiPicker/Picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAKjF,OAAO,yBAAyB,CAAC;AAMjC,eAAO,MAAM,iBAAiB,oBAAqC,CAAC;;AAuJpE,wBAAkC"}

package/CapIcon/index.js

@@ -55,8 +55,8 @@ const CapIcon = React.forwardRef(
         {
           ref,
           className: classNames(
-            styles["cap-icon-v2"],
-            type ? `cap-icon-v2-${type}` : null,
+            styles["cap-icon-wrapper"],
+            styles["cap-icon"],
             styles[size],
             { [styles["with-text-label"]]: textLabel, [styles.disabled]: disabled },
             className
@@ -84,8 +84,8 @@ const CapIcon = React.forwardRef(
           {
             ref: withBackground ? void 0 : ref,
             className: classNames(
-              styles["cap-icon-v2"],
-              type ? `cap-icon-v2-${type}` : null,
+              styles["cap-icon-wrapper"],
+              styles["cap-icon"],
               styles[size],
               {
                 [styles.spin]: spin,
@@ -106,7 +106,7 @@ const CapIcon = React.forwardRef(
         "div",
         {
           ref,
-          className: classNames(styles["cap-icon-background"], styles[size]),
+          className: classNames(styles["cap-icon-background-wrapper"], styles[size]),
           ...backgroundProps,
           children: iconComponent
         }
@@ -120,8 +120,8 @@ const CapIcon = React.forwardRef(
         {
           ref: withBackground ? void 0 : ref,
           className: classNames(
-            styles["cap-icon-v2"],
-            type ? `cap-icon-v2-${type}` : null,
+            styles["cap-icon-wrapper"],
+            styles["cap-icon"],
             styles[size],
             { [styles.disabled]: disabled, [styles["with-text-label"]]: textLabel },
             className
@@ -139,7 +139,7 @@ const CapIcon = React.forwardRef(
         "span",
         {
           ref,
-          className: classNames(styles["cap-icon-background"], styles[size]),
+          className: classNames(styles["cap-icon-background-wrapper"], styles[size]),
           ...backgroundProps,
           children: iconComponent
         }
@@ -150,8 +150,8 @@ const CapIcon = React.forwardRef(
       {
         ref,
         className: classNames(
-          styles["cap-icon-v2"],
-          type ? `cap-icon-v2-${type}` : null,
+          styles["cap-icon-wrapper"],
+          styles["cap-icon"],
           styles[size],
           { [styles.disabled]: disabled, [styles["with-text-label"]]: textLabel },
           className
@@ -168,7 +168,7 @@ CapIcon.displayName = "CapIcon";
 const AntIcon = ({ className, ...rest }) => /* @__PURE__ */ jsx(
   "i",
   {
-    className: classNames(styles["cap-icon-v2"], className),
+    className: classNames(styles["cap-icon-ant-icon"], className),
     style: { display: "inline-flex", alignItems: "center", justifyContent: "center" },
     ...rest
   }
@@ -181,7 +181,7 @@ const CapIconAvatar = ({
   backgroundProps = {},
   labelProps = {}
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: classNames(styles["cap-icon-v2-avatar"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: classNames(styles["cap-icon-avatar"], className), children: [
     /* @__PURE__ */ jsx(LogoBackground, { width, height, ...backgroundProps }),
     text && /* @__PURE__ */ jsx("span", { className: styles["text-label"], ...labelProps, children: text })
   ] });

package/CapIcon/styles.css

@@ -6,46 +6,50 @@
 /* Border Width */
 /* Transition */
 /* Timezones Footer */
-.cap-icon-v2 {
+.cap-icon-wrapper {
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-.cap-icon-v2.disabled {
+.cap-icon-wrapper.disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
-.cap-icon-v2.xs {
+.cap-icon-wrapper.xs {
   font-size: 0.857rem;
 }
-.cap-icon-v2.s {
+.cap-icon-wrapper.s {
   font-size: 1.143rem;
 }
-.cap-icon-v2.m {
+.cap-icon-wrapper.m {
   font-size: 1.714rem;
 }
-.cap-icon-v2.l {
+.cap-icon-wrapper.l {
   font-size: 2.286rem;
 }
-.cap-icon-v2.with-text-label {
+.cap-icon-wrapper.with-text-label {
   display: inline-flex;
   align-items: center;
   gap: 0.571rem;
 }
-.cap-icon-v2 .anticon {
-  display: flex;
+.cap-icon-background-wrapper {
+  display: inline-flex;
   align-items: center;
   justify-content: center;
+  border-radius: 50%;
+  background-color: #dfe2e7;
 }
-.cap-icon-v2.spin {
-  animation: rotate 2s linear infinite;
-}
-.cap-icon-background {
+.cap-icon {
   display: inline-flex;
   align-items: center;
+}
+.cap-icon .anticon {
+  display: flex;
+  align-items: center;
   justify-content: center;
-  border-radius: 50%;
-  background-color: #dfe2e7;
+}
+.cap-icon.spin {
+  animation: rotate 2s linear infinite;
 }
 @keyframes rotate {
   from {
@@ -55,13 +59,13 @@
     transform: rotate(360deg);
   }
 }
-.cap-icon-v2-avatar {
+.cap-icon-avatar {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: relative;
 }
-.cap-icon-v2-avatar .text-label {
+.cap-icon-avatar .text-label {
   position: absolute;
   display: flex;
   align-items: center;

package/CapIcon/styles.module.scss.js

@@ -7,18 +7,19 @@ const anticon = "anticon";
 const spin = "spin";
 const rotate = "rotate";
 const styles = {
-  "cap-icon-v2": "cap-icon-v2",
+  "cap-icon-wrapper": "cap-icon-wrapper",
   disabled,
   xs,
   s,
   m,
   l,
   "with-text-label": "with-text-label",
+  "cap-icon-background-wrapper": "cap-icon-background-wrapper",
+  "cap-icon": "cap-icon",
   anticon,
   spin,
   rotate,
-  "cap-icon-background": "cap-icon-background",
-  "cap-icon-v2-avatar": "cap-icon-v2-avatar",
+  "cap-icon-avatar": "cap-icon-avatar",
   "text-label": "text-label"
 };
 export {

package/CapIcon/styles.scss

@@ -1,6 +1,6 @@
 @import '../styles/_variables';
 
-.cap-icon-v2 {
+.cap-icon-wrapper {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -31,6 +31,19 @@
     align-items: center;
     gap: 0.571rem;
   }
+}
+
+.cap-icon-background-wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background-color: $cap-g07;
+}
+
+.cap-icon {
+  display: inline-flex;
+  align-items: center;
 
   .anticon {
     display: flex;
@@ -43,14 +56,6 @@
   }
 }
 
-.cap-icon-background {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background-color: $cap-g07;
-}
-
 @keyframes rotate {
   from {
     transform: rotate(0deg);
@@ -60,7 +65,7 @@
   }
 }
 
-.cap-icon-v2-avatar {
+.cap-icon-avatar {
   display: inline-flex;
   align-items: center;
   justify-content: center;

package/CapMobileDateRangePicker/DateRangeInputSelectors.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { DateRangeInputSelectorsProps, IntlShape } from './types';
+declare const _default: React.ComponentType<Omit<DateRangeInputSelectorsProps & {
+    intl: IntlShape;
+}, "intl">>;
+export default _default;
+//# sourceMappingURL=DateRangeInputSelectors.d.ts.map

package/CapMobileDateRangePicker/DateRangeInputSelectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInputSelectors.d.ts","sourceRoot":"","sources":["../../components/CapMobileDateRangePicker/DateRangeInputSelectors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;;UAIQ,SAAS;;AAuDxF,wBAAmD"}

package/CapMobileDateRangePicker/DateRangeInputSelectors.js

@@ -0,0 +1,68 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import moment from "moment";
+import { injectIntl } from "react-intl";
+import { RANGE_PICKER } from "../utils/dayjs.js";
+import CapColumn from "../CapColumn/index.js";
+import InputFinal from "../CapInput/index.js";
+import CapLabelWithStatic from "../CapLabel/index.js";
+import CapRow from "../CapRow/index.js";
+import messages from "./messages.js";
+import styles from "./styles.module.scss.js";
+import { clsPrefix } from "./index.js";
+const DateRangeInputSelectors = ({
+  intl: { formatMessage },
+  focusedInput,
+  startDate,
+  endDate,
+  dateDisplayFormat,
+  handleStartDateClick,
+  handleEndDateClick,
+  showPlaceholders = false
+}) => {
+  return /* @__PURE__ */ jsxs(CapRow, { className: styles[`${clsPrefix}-inputs`], children: [
+    /* @__PURE__ */ jsxs(CapColumn, { span: 10, children: [
+      showPlaceholders && /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles[`${clsPrefix}-inputs-label`], children: formatMessage(messages.startDate) }),
+      /* @__PURE__ */ jsx(
+        InputFinal,
+        {
+          className: classNames({
+            [styles[`${clsPrefix}-inputs-focused`]]: focusedInput === RANGE_PICKER.START_DATE
+          }),
+          value: moment(startDate).format(dateDisplayFormat),
+          size: "middle",
+          readOnly: true,
+          onClick: handleStartDateClick
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      CapColumn,
+      {
+        className: classNames(styles[`${clsPrefix}-inputs-date-range-hyphen`], {
+          [styles[`${clsPrefix}-inputs-date-range-hyphen-vertical-align`]]: showPlaceholders
+        }),
+        children: "-"
+      }
+    ),
+    /* @__PURE__ */ jsxs(CapColumn, { span: 10, children: [
+      showPlaceholders && /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles[`${clsPrefix}-inputs-label`], children: formatMessage(messages.endDate) }),
+      /* @__PURE__ */ jsx(
+        InputFinal,
+        {
+          className: classNames({
+            [styles[`${clsPrefix}-inputs-focused`]]: focusedInput === RANGE_PICKER.END_DATE
+          }),
+          value: moment(endDate).format(dateDisplayFormat),
+          size: "middle",
+          readOnly: true,
+          onClick: handleEndDateClick
+        }
+      )
+    ] })
+  ] });
+};
+const DateRangeInputSelectors_default = injectIntl(DateRangeInputSelectors);
+export {
+  DateRangeInputSelectors_default as default
+};

package/CapMobileDateRangePicker/index.d.ts

@@ -4,25 +4,9 @@
  *
  */
 import React from 'react';
-import './styles.scss';
-declare class CapMobileDateRangePicker extends React.Component {
-    constructor(props: any);
-    componentWillReceiveProps(nextProps: any): void;
-    handleDatePickerVisible: (val: any) => void;
-    handleModalVisible: () => void;
-    checkIfSameDate: (d1: any, d2: any) => boolean;
-    toggleFocusedInput: (inputType: string, onClickHandler: any) => void;
-    handleDateRangeChange: (date: any) => void;
-    handleOnSelect: (date: any) => void;
-    checkIfDateDisabled: (current: any) => boolean;
-    formatDate: (date: any) => Date;
-    checkMaxDateForScrollDatepicker: () => Date;
-    checkMinDateForScrollDatepicker: () => Date;
-    resetDate: () => void;
-    handleCancel: () => void;
-    handleDone: () => void;
-    getDaySize: () => number;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export default CapMobileDateRangePicker;
+import type { CapMobileDateRangePickerProps } from './types';
+export declare const clsPrefix = "cap-mobile-date-range-picker";
+declare const _default: React.ComponentType<Omit<CapMobileDateRangePickerProps, "intl">>;
+export default _default;
+export type { CapMobileDateRangePickerProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/CapMobileDateRangePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapMobileDateRangePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,eAAe,CAAC;AAmCvB,cAAM,wBAAyB,SAAQ,KAAK,CAAC,SAAS;gBACxC,KAAK,KAAA;IAYjB,yBAAyB,CAAC,SAAS,KAAA;IAcnC,uBAAuB,GAAI,QAAG,UAAyD;IAEvF,kBAAkB,aACwD;IAE1E,eAAe,GAAI,OAAE,EAAE,OAAE,aAAuD;IAEhF,kBAAkB,GAAI,iBAAc,EAAE,mBAAc,UAWlD;IAEF,qBAAqB,GAAI,SAAI,UAmD3B;IAEF,cAAc,GAAI,SAAI,UAIpB;IAEF,mBAAmB,GAAI,YAAO,aAiB5B;IAEF,UAAU,GAAI,SAAI,UAAqC;IAEvD,+BAA+B,aAO7B;IAEF,+BAA+B,aAO7B;IAEF,SAAS,aAGP;IAEF,YAAY,aAGV;IAEF,UAAU,aAOR;IAEF,UAAU,eAGR;IAEF,MAAM;CA4IP;AAqBD,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapMobileDateRangePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAoD,MAAM,OAAO,CAAC;AAiBzE,OAAO,KAAK,EAAE,6BAA6B,EAAgC,MAAM,SAAS,CAAC;AAE3F,eAAO,MAAM,SAAS,iCAAiC,CAAC;;AAyTxD,wBAAmF;AACnF,YAAY,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC"}