kahuna-base-react-components 1.4.2 → 1.4.3

package/dist/types.d.ts

@@ -347,6 +347,7 @@ interface KSelectRangeDateProps {
     popupCalendarBackground?: string;
     hideBackdrop?: boolean;
     weeklyMode?: boolean;
+    shorthandEndDateOffsetDays?: number;
 }
 type DateRangeType = Date | null | [Date | null, Date | null];
 declare const KSelectRangeDate: React.FC<KSelectRangeDateProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kahuna-base-react-components",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "Kahuna Base React Components",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/components/KSelectRangeDate/KSelectRangeDate.stories.tsx

@@ -71,6 +71,7 @@ KSelectRangePrimary.args = {
   align: "center",
   hideBackdrop: true,
   anchorToButton: true,
+  shorthandEndDateOffsetDays: 5,
 
   onChange: (value) => {
     if (value) {
@@ -113,7 +114,8 @@ KSelectRangeDateMinimumDate.args = {
   anchorToButton: true,
   position: "top",
   align: "center",
-  minimumDate: new Date(new Date().getTime() + 14 * 24 * 60 * 60 * 1000),
+  minimumDate: new Date(new Date().getTime() - 2 * 24 * 60 * 60 * 1000),
+  maximumDate: new Date(new Date().getTime() - 2 * 24 * 60 * 60 * 1000),
 
   onChange: (value) => {
     if (value) {

package/src/components/KSelectRangeDate/KSelectRangeDate.tsx

@@ -32,6 +32,7 @@ export interface KSelectRangeDateProps {
   popupCalendarBackground?: string
   hideBackdrop?: boolean
   weeklyMode?: boolean
+  shorthandEndDateOffsetDays?: number
 }
 
 export type DateRangeType = Date | null | [Date | null, Date | null]
@@ -111,8 +112,11 @@ const KSelectRangeDate: React.FC<KSelectRangeDateProps> = (props) => {
     const month = theDate.getMonth()
     const day = theDate.getDate()
 
-    const endDate = new Date(year, month, day)
-    const startDate = new Date(year, month, day - (range - 1))
+    const delta = props.shorthandEndDateOffsetDays ?? 0
+
+
+    const endDate = new Date(year, month, day - delta)
+    const startDate = new Date(year, month, day - delta - (range - 1))
     setRange([startDate, endDate])
   }