@scaleflex/ui-tw 0.0.87 → 0.0.89

package/calendar/calendar.component.d.ts

@@ -2,7 +2,7 @@ import { Button } from '@scaleflex/ui-tw/button';
 import React from 'react';
 import { type ComponentProps } from 'react';
 import { DayButton, DayPicker } from 'react-day-picker';
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: ComponentProps<typeof DayPicker> & {
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, startMonth, endMonth, ...props }: ComponentProps<typeof DayPicker> & {
     buttonVariant?: ComponentProps<typeof Button>['variant'];
 }): React.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;

package/calendar/calendar.component.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _templateObject, _templateObject2;
-var _excluded = ["className", "classNames", "showOutsideDays", "captionLayout", "buttonVariant", "formatters", "components"],
+var _excluded = ["className", "classNames", "showOutsideDays", "captionLayout", "buttonVariant", "formatters", "components", "startMonth", "endMonth"],
   _excluded2 = ["className", "rootRef"],
   _excluded3 = ["className", "orientation"],
   _excluded4 = ["children"],
@@ -15,6 +15,8 @@ import { cn } from '@scaleflex/ui-tw/utils/cn';
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
 import React from 'react';
 import { DayPicker, getDefaultClassNames } from 'react-day-picker';
+var MS_IN_100_YEARS = 100 * 365 * 24 * 60 * 60 * 1000; // 100 years * 365 days * 24 hours * 60 minutes * 60 seconds * 1000 milli-seconds
+var defaultAfterDate = new Date(Date.now() + MS_IN_100_YEARS);
 function Calendar(_ref) {
   var className = _ref.className,
     classNames = _ref.classNames,
@@ -26,10 +28,14 @@ function Calendar(_ref) {
     buttonVariant = _ref$buttonVariant === void 0 ? 'ghost-secondary' : _ref$buttonVariant,
     formatters = _ref.formatters,
     components = _ref.components,
+    startMonth = _ref.startMonth,
+    endMonth = _ref.endMonth,
     props = _objectWithoutProperties(_ref, _excluded);
   var defaultClassNames = getDefaultClassNames();
   return /*#__PURE__*/React.createElement(DayPicker, _extends({
     showOutsideDays: showOutsideDays,
+    startMonth: startMonth,
+    endMonth: endMonth !== null && endMonth !== void 0 ? endMonth : defaultAfterDate,
     className: cn('bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent', String.raw(_templateObject || (_templateObject = _taggedTemplateLiteral(["rtl:**:[.rdp-button_next>svg]:rotate-180"], ["rtl:**:[.rdp-button\\_next>svg]:rotate-180"]))), String.raw(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["rtl:**:[.rdp-button_previous>svg]:rotate-180"], ["rtl:**:[.rdp-button\\_previous>svg]:rotate-180"]))), className),
     captionLayout: captionLayout,
     formatters: _objectSpread({

package/date-picker/date-picker.component.js

@@ -121,7 +121,7 @@ function DatePicker(_ref) {
     onChange === null || onChange === void 0 || onChange(parsed);
   };
   var handleKeyDown = function handleKeyDown(event) {
-    var allowed = "0123456789".concat(dateFormat !== null && dateFormat !== void 0 && dateFormat.includes('.') ? '.' : '/');
+    var allowed = "0123456789".concat(dateFormat !== null && dateFormat !== void 0 && dateFormat.includes('.') ? '.' : dateFormat !== null && dateFormat !== void 0 && dateFormat.includes('-') ? '-' : '/');
     if (event.key.length === 1 && !allowed.includes(event.key)) {
       event.preventDefault();
     }
@@ -221,7 +221,9 @@ function DatePicker(_ref) {
     }, maxDate && {
       after: maxDate
     }].filter(Boolean),
-    locale: locale
+    locale: locale,
+    startMonth: minDate,
+    endMonth: maxDate
   }, calendarProps)))))), !isInputValid && /*#__PURE__*/React.createElement("span", {
     className: "px-1 text-xs text-red-500"
   }, invalidDateText !== null && invalidDateText !== void 0 ? invalidDateText : "Invalid date. Use ".concat(placeholder || (dateFormat === null || dateFormat === void 0 ? void 0 : dateFormat.toUpperCase()))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.87",
+  "version": "0.0.89",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -23,7 +23,7 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.87",
+    "@scaleflex/icons-tw": "^0.0.89",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",