feat: remove startMonth and endMonth default constraints when `dr…

…opdown-months` is set as caption layout (#2648)

* examples: add DropdownMonths

* refactor: getYearOptions test

* feat: remove default startMonth and endMonth for dropdown-months

Remove default values when captionLayout equal to dropdown-months.

* refactor: Dropdown.test.tsx

* chore(test): add DropdownMonths.test.tsx

---------

Co-authored-by: Giampaolo Bellavite <[email protected]>

examples/Dropdown.test.tsx

@@ -6,11 +6,6 @@ import { user } from "@/test/user";
 
 import { Dropdown } from "./Dropdown";
 
-const today = new Date(2015, 6, 1);
-
-beforeAll(() => jest.setSystemTime(today));
-afterAll(() => jest.useRealTimers());
-
 beforeEach(() => {
   render(<Dropdown />);
 });

examples/DropdownMonths.test.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+
+import { grid, monthDropdown, nextButton } from "@/test/elements";
+import { render } from "@/test/render";
+import { user } from "@/test/user";
+
+import { DropdownMonths } from "./DropdownMonths";
+
+const today = new Date(2015, 6, 1);
+
+beforeAll(() => jest.setSystemTime(today));
+afterAll(() => jest.useRealTimers());
+
+beforeEach(() => {
+  render(<DropdownMonths />);
+});
+
+test("should display the month dropdown", () => {
+  expect(monthDropdown()).toBeInTheDocument();
+});
+
+test("should allow all months", async () => {
+  expect(grid()).toHaveAccessibleName(`December 2015`);
+  await user.click(nextButton());
+  expect(grid()).toHaveAccessibleName(`January 2016`);
+});

examples/DropdownMonths.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+
+import { DayPicker } from "react-day-picker";
+
+export function DropdownMonths() {
+  const decemberDate = new Date();
+  decemberDate.setMonth(11);
+
+  return (
+    <DayPicker defaultMonth={decemberDate} captionLayout="dropdown-months" />
+  );
+}

examples/index.ts

@@ -16,6 +16,7 @@ export * from "./Dialog";
 export * from "./Disabled";
 export * from "./DisableNavigation";
 export * from "./Dropdown";
+export * from "./DropdownMonths";
 export * from "./DropdownMultipleMonths";
 export * from "./Fixedweeks";
 export * from "./FocusRecursive";