nearpay-datepicker-react 0.4.0 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -2987,9 +2987,9 @@ const Input = (e) => {
2987
2987
  div.classList.add("mb-2.5");
2988
2988
  div.classList.remove("mt-2.5");
2989
2989
  arrow.classList.add("-bottom-2");
2990
- arrow.classList.add("border-e");
2990
+ arrow.classList.add("border-r");
2991
2991
  arrow.classList.add("border-b");
2992
- arrow.classList.remove("border-s");
2992
+ arrow.classList.remove("border-l");
2993
2993
  arrow.classList.remove("border-t");
2994
2994
  }
2995
2995
  setTimeout(() => {
@@ -3177,7 +3177,7 @@ function useOnClickOutside(ref, handler) {
3177
3177
  }
3178
3178
 
3179
3179
  const Arrow = require$$0.forwardRef((props, ref) => {
3180
- return (jsxRuntimeExports.jsx("div", { ...props, ref: ref, className: "absolute z-20 h-4 w-4 rotate-45 mt-0.5 ms-[1.2rem] border-s border-t border-gray-300 bg-white dark:bg-zinc-800 dark:border-zinc-700" }));
3180
+ return (jsxRuntimeExports.jsx("div", { ...props, ref: ref, className: "absolute z-20 h-4 w-4 rotate-45 mt-0.5 ml-[1.2rem] border-l rtl:ml-0 rtl:mr-[1.2rem] border-t border-gray-300 bg-white dark:bg-zinc-800 dark:border-zinc-700" }));
3181
3181
  });
3182
3182
  Arrow.displayName = "Arrow";
3183
3183
 
@@ -3228,9 +3228,9 @@ const Datepicker = (props) => {
3228
3228
  div.classList.add("mb-2.5");
3229
3229
  div.classList.add("mt-2.5");
3230
3230
  arrow.classList.remove("-bottom-2");
3231
- arrow.classList.remove("border-e");
3231
+ arrow.classList.remove("border-r");
3232
3232
  arrow.classList.remove("border-b");
3233
- arrow.classList.add("border-s");
3233
+ arrow.classList.add("border-l");
3234
3234
  arrow.classList.add("border-t");
3235
3235
  }, 300);
3236
3236
  }
@@ -3287,16 +3287,16 @@ const Datepicker = (props) => {
3287
3287
  const containerCenter = (detail.right - detail.x) / 2 + detail.x;
3288
3288
  const isRTL = i18n === "ar";
3289
3289
  const alignRight = () => {
3290
- arrow.classList.remove("ms-[1.2rem]");
3291
- arrow.classList.add("end-0");
3292
- arrow.classList.add("me-3.5");
3293
- calendarContainer.classList.add("end-0");
3290
+ arrow.classList.remove("ml-[1.2rem]");
3291
+ arrow.classList.add("right-0");
3292
+ arrow.classList.add("mr-3.5");
3293
+ calendarContainer.classList.add("right-0");
3294
3294
  };
3295
3295
  const alignLeft = () => {
3296
- arrow.classList.add("ms-[1.2rem]");
3297
- arrow.classList.remove("end-0");
3298
- arrow.classList.remove("me-3.5");
3299
- calendarContainer.classList.remove("end-0");
3296
+ arrow.classList.add("ml-[1.2rem]");
3297
+ arrow.classList.remove("right-0");
3298
+ arrow.classList.remove("mr-3.5");
3299
+ calendarContainer.classList.remove("right-0");
3300
3300
  };
3301
3301
  if (popoverDirection === "down-left" || popoverDirection === "up-left") {
3302
3302
  if (isRTL) {