@pisell/date-picker 1.0.84 → 1.0.85

package/es/PisellDateRangePicker/index.js

@@ -92,9 +92,10 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     currentShortcut = _useState4[0],
     setCurrentShortcut = _useState4[1];
-
-  // const [rangePosition, setRangePosition] = useState('start');
-
+  var _useState5 = useState('start'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    rangePosition = _useState6[0],
+    setRangePosition = _useState6[1];
   var lastConfirmShortcut = useRef(isString(propsValue) ? propsValue : null);
   useEffect(function () {
     isBoolean(propsOpen) && setOpen(propsOpen);
@@ -102,12 +103,12 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
   var _presets = useMemo(function () {
     return formatPresets(presets || defaultPresets, locale);
   }, [presets]);
-  var _useState5 = useState(function () {
+  var _useState7 = useState(function () {
       return transDayjsArr(propsValue, defaultValue, _presets);
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    _value = _useState6[0],
-    setValue = _useState6[1];
+    _useState8 = _slicedToArray(_useState7, 2),
+    _value = _useState8[0],
+    setValue = _useState8[1];
   useEffect(function () {
     setValue(transDayjsArr(propsValue, defaultValue, _presets));
     if (isString(propsValue)) {
@@ -162,11 +163,12 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
         return item || null;
       });
     }
-    if (!clearEndOnSelection) {
-      if (newVal[0] && !newVal[1]) {
-        newVal[1] = newVal[0];
-      } else if (newVal[1] && !newVal[0]) {
-        newVal[0] = newVal[1];
+    if (!clearEndOnSelection && type !== "shortcuts") {
+      if (rangePosition === 'start') {
+        newVal = [newVal[0], newVal[0]];
+      }
+      if (!newVal[1]) {
+        newVal = [newVal[0], newVal[0]];
       }
     }
     if (clearEndOnSelection && type !== "set" && _value.filter(Boolean).length === 2) {
@@ -262,18 +264,13 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     onClose: handleClose,
     onChange: handleChange,
     onOpen: handleOpen,
-    open: open
-    // onRangePositionChange={(rp) => {
-    //   console.log(rp, "rangePosition");
-    //   // if (_value.every(item => !Boolean(item))) {
-    //   //   return
-    //   // } else {
-    //     setRangePosition(rp)
-    //   // }
-    // }}
+    open: open,
+    onRangePositionChange: function onRangePositionChange(rp) {
+      setRangePosition(rp);
+    }
     // defaultRangePosition="start"
-    // rangePosition={rangePosition}
     ,
+    rangePosition: rangePosition,
     defaultCalendarMonth: defaultCalendarMonth,
     shouldDisableDate: function shouldDisableDate(current, position) {
       return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(current, position, _value);
@@ -290,6 +287,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     dayOfWeekFormatter: function dayOfWeekFormatter(day) {
       return day;
     },
+    disableDragEditing: true,
     slotProps: {
       shortcuts: {
         items: [],

package/lib/PisellDateRangePicker/index.js

@@ -101,6 +101,7 @@ var PisellDateRangePicker = (props) => {
   const [open, setOpen] = (0, import_react.useState)(propsOpen ?? false);
   const { locale } = (0, import_react.useContext)(import_LocaleContext.LocaleContext) || {};
   const [currentShortcut, setCurrentShortcut] = (0, import_react.useState)("");
+  const [rangePosition, setRangePosition] = (0, import_react.useState)("start");
   const lastConfirmShortcut = (0, import_react.useRef)((0, import_utils.isString)(propsValue) ? propsValue : null);
   (0, import_react.useEffect)(() => {
     (0, import_utils.isBoolean)(propsOpen) && setOpen(propsOpen);
@@ -164,11 +165,12 @@ var PisellDateRangePicker = (props) => {
         return item || null;
       });
     }
-    if (!clearEndOnSelection) {
-      if (newVal[0] && !newVal[1]) {
-        newVal[1] = newVal[0];
-      } else if (newVal[1] && !newVal[0]) {
-        newVal[0] = newVal[1];
+    if (!clearEndOnSelection && type !== "shortcuts") {
+      if (rangePosition === "start") {
+        newVal = [newVal[0], newVal[0]];
+      }
+      if (!newVal[1]) {
+        newVal = [newVal[0], newVal[0]];
       }
     }
     if (clearEndOnSelection && type !== "set" && _value.filter(Boolean).length === 2) {
@@ -262,6 +264,10 @@ var PisellDateRangePicker = (props) => {
         onChange: handleChange,
         onOpen: handleOpen,
         open,
+        onRangePositionChange: (rp) => {
+          setRangePosition(rp);
+        },
+        rangePosition,
         defaultCalendarMonth,
         shouldDisableDate: (current, position) => disabledDate == null ? void 0 : disabledDate(current, position, _value),
         slots: {
@@ -276,6 +282,7 @@ var PisellDateRangePicker = (props) => {
         dayOfWeekFormatter: (day) => {
           return day;
         },
+        disableDragEditing: true,
         slotProps: {
           shortcuts: {
             items: [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/date-picker",
-  "version": "1.0.84",
+  "version": "1.0.85",
   "sideEffects": [
     "*.less"
   ],