@sunggang/ui-lib 0.1.15 → 0.1.17

package/index.esm.css

@@ -1170,6 +1170,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(115 115 115 / var(--tw-text-opacity));
 }
+.text-\[\#fff\] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
 .text-accent-foreground {
   color: hsl(var(--accent-foreground));
 }
@@ -1368,12 +1372,13 @@ video {
   background-color: hsl(var(--secondary) / 0.8);
 }
 
-.hover\:text-accent-foreground:hover {
-  color: hsl(var(--accent-foreground));
+.hover\:text-\[\#fff\]:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.hover\:text-primary-foreground:hover {
-  color: hsl(var(--primary-foreground));
+.hover\:text-accent-foreground:hover {
+  color: hsl(var(--accent-foreground));
 }
 
 .hover\:underline:hover {
@@ -1389,8 +1394,9 @@ video {
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
-.focus\:text-primary-foreground:focus {
-  color: hsl(var(--primary-foreground));
+.focus\:text-\[\#fff\]:focus {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .focus-visible\:outline-none:focus-visible {

package/index.esm2.js

@@ -4,7 +4,7 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { addDays, format } from 'date-fns';
+import { format } from 'date-fns';
 import { Calendar as Calendar$1 } from 'lucide-react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -6658,7 +6658,7 @@ function Calendar(_param) {
             }), "h-8 w-8 p-0 font-normal aria-selected:opacity-100"),
             day_range_start: "day-range-start",
             day_range_end: "day-range-end",
-            day_selected: "bg-[#000] text-primary-foreground hover:bg-[#000] hover:text-primary-foreground focus:bg-[#000] focus:text-primary-foreground",
+            day_selected: "bg-[#000] text-[#fff] hover:bg-[#000] hover:text-[#fff] focus:bg-[#000] focus:text-[#fff]",
             day_today: "bg-accent text-accent-foreground",
             day_outside: "day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
             day_disabled: "text-muted-foreground opacity-50",
@@ -6810,10 +6810,11 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function DateRangePicker(param) {
-    var className = param.className, disable = param.disable, onChange = param.onChange;
+    var className = param.className, disable = param.disable, onChange = param.onChange, dates = param.dates;
+    console.log(dates);
     var _useState = _sliced_to_array(useState({
-        from: new Date(2024, 0, 20),
-        to: addDays(new Date(2024, 0, 20), 20)
+        from: (dates === null || dates === void 0 ? void 0 : dates.from) || undefined,
+        to: (dates === null || dates === void 0 ? void 0 : dates.to) || undefined
     }), 2), date = _useState[0], setDate = _useState[1];
     var handleDateChange = function(newDate) {
         if (newDate) {
@@ -6843,7 +6844,7 @@ function DateRangePicker(param) {
                                     format(date.to, "yyyy-MM-dd")
                                 ]
                             }) : format(date.from, "yyyy-MM-dd") : /*#__PURE__*/ jsx("span", {
-                                children: "Pick a date"
+                                children: "請選擇日期"
                             })
                         ]
                     })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "dependencies": {
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slot": "^1.0.2",

package/src/components/ui/dateRangePicker.d.ts

@@ -1,10 +1,15 @@
 import { DateRange } from 'react-day-picker';
+interface DateRangeType {
+    from: Date | undefined;
+    to: Date | undefined;
+}
 interface DateRangePickerProps {
     className?: string;
     disable?: boolean;
     onChange?: (date: DateRange) => void;
+    dates?: DateRangeType;
 }
-declare function DateRangePicker({ className, disable, onChange, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function DateRangePicker({ className, disable, onChange, dates, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DateRangePicker {
     var displayName: string;
 }