Adjust dates in Date/MonthPicker examples (#3238)

navikt · Oct 15, 2024 · 7c468b1 · 7c468b1
1 parent cfcd78a
commit 7c468b1
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 22 deletions.
diff --git a/@navikt/core/react/src/date/datepicker/DatePicker.tsx b/@navikt/core/react/src/date/datepicker/DatePicker.tsx
@@ -27,8 +27,8 @@ interface DatePickerComponent
    * ```jsx
    * <DatePicker.Standalone
    *   dropdownCaption
-   *   fromDate={new Date("2020-10-01")}
-   *   toDate={new Date("2024-10-01")}
+   *   fromDate={new Date("2022-10-01")}
+   *   toDate={new Date("2026-10-01")}
    * />
    * ```
    */

diff --git a/@navikt/core/react/src/date/monthpicker/MonthPicker.tsx b/@navikt/core/react/src/date/monthpicker/MonthPicker.tsx
@@ -19,8 +19,8 @@ interface MonthPickerComponent
    * ```jsx
    * <MonthPicker.Standalone
    *   dropdownCaption
-   *   fromDate={new Date("1 Oct 2020")}
-   *   toDate={new Date("1 Oct 2024")}
+   *   fromDate={new Date("1 Oct 2022")}
+   *   toDate={new Date("1 Oct 2026")}
    * />
    * ```
    */

diff --git a/aksel.nav.no/website/pages/eksempler/datepicker/disabled-days.tsx b/aksel.nav.no/website/pages/eksempler/datepicker/disabled-days.tsx
@@ -1,16 +1,16 @@
 import { DatePicker } from "@navikt/ds-react";
 import { withDsExample } from "@/web/examples/withDsExample";
 
-const Example = () => {
-  const disabledDays = [
-    new Date("Oct 10 2022"),
-    { from: new Date("Oct 17 2022"), to: new Date("Nov 10 2022") },
-    (date) => isFriday(date),
-  ];
+const disabledDays = [
+  new Date("Oct 14 2024"),
+  { from: new Date("Oct 21 2024"), to: new Date("Nov 10 2024") },
+  (date) => isFriday(date),
+];
 
+const Example = () => {
   return (
     <DatePicker.Standalone
-      today={new Date("Oct 9 2022")}
+      today={new Date("Oct 9 2024")}
       disabled={disabledDays}
       onSelect={console.info}
     />

diff --git a/aksel.nav.no/website/pages/eksempler/datepicker/dropdown.tsx b/aksel.nav.no/website/pages/eksempler/datepicker/dropdown.tsx
@@ -1,13 +1,15 @@
 import { DatePicker } from "@navikt/ds-react";
 import { withDsExample } from "@/web/examples/withDsExample";
 
+const year = new Date().getFullYear();
+
 const Example = () => {
   return (
     <DatePicker.Standalone
       onSelect={console.info}
       dropdownCaption
-      fromDate={new Date("1 Oct 2020")}
-      toDate={new Date("1 Oct 2024")}
+      fromDate={new Date(`1 Oct ${year - 2}`)}
+      toDate={new Date(`1 Oct ${year + 2}`)}
     />
   );
 };

diff --git a/aksel.nav.no/website/pages/eksempler/monthpicker/disabled-months.tsx b/aksel.nav.no/website/pages/eksempler/monthpicker/disabled-months.tsx
@@ -1,18 +1,20 @@
 import { MonthPicker } from "@navikt/ds-react";
 import { withDsExample } from "@/web/examples/withDsExample";
 
-const Example = () => {
-  const disabledDays = [
-    new Date("May 10 2022"),
-    { from: new Date("Nov 17 2022"), to: new Date("Feb 10 2023") },
-  ];
+const year = new Date().getFullYear();
+
+const disabledDays = [
+  new Date(`May 10 ${year}`),
+  { from: new Date(`Nov 17 ${year}`), to: new Date(`Feb 10 ${year + 1}`) },
+];
 
+const Example = () => {
   return (
     <MonthPicker.Standalone
       onMonthSelect={console.info}
       dropdownCaption
-      fromDate={new Date("1 Oct 2020")}
-      toDate={new Date("1 Oct 2024")}
+      fromDate={new Date(`1 Oct ${year - 2}`)}
+      toDate={new Date(`1 Oct ${year + 2}`)}
       disabled={disabledDays}
     />
   );

diff --git a/aksel.nav.no/website/pages/eksempler/monthpicker/dropdown.tsx b/aksel.nav.no/website/pages/eksempler/monthpicker/dropdown.tsx
@@ -1,13 +1,15 @@
 import { MonthPicker } from "@navikt/ds-react";
 import { withDsExample } from "@/web/examples/withDsExample";
 
+const year = new Date().getFullYear();
+
 const Example = () => {
   return (
     <MonthPicker.Standalone
       onMonthSelect={console.info}
       dropdownCaption
-      fromDate={new Date("1 Oct 2020")}
-      toDate={new Date("1 Oct 2024")}
+      fromDate={new Date(`1 Oct ${year - 2}`)}
+      toDate={new Date(`1 Oct ${year + 2}`)}
     />
   );
 };