Fix: Correct the typo in method name

.github/pull_request_template.md

@@ -7,21 +7,65 @@ assignees: ""
 ---
 
 ## Description
-**Linked issue**: #(issue number) 
+
+<<<<<<< HEAD
+
+<<<<<<< HEAD
+
+**Linked issue**: #(issue number)
 
 **Problem**
+
 <!-- The problems this PR aims to solve -->
 
 **Changes**
+
 <!-- Changes you have made to address the issue -->
 
 ## Screenshots
+
 <!-- If applicable, add screenshots to help explain your improvements -->
 
 ## To reviewers
+
 <!-- Additional comments for reviewers -->
 
 ## Contribution checklist
+
+=======
+**Linked issue**: #(issue number)
+=======
+
+**Linked issue**: #(issue number)
+
+> > > > > > > 7e348685d1d307afea97a9c840201a22f2fd8df2
+
+**Problem**
+
+<!-- The problems this PR aims to solve -->
+
+**Changes**
+
+<!-- Changes you have made to address the issue -->
+
+## Screenshots
+
+<!-- If applicable, add screenshots to help explain your improvements -->
+
+## To reviewers
+
+<!-- Additional comments for reviewers -->
+
+## Contribution checklist
+
+<<<<<<< HEAD
+
+> > > > > > > 0ca150d3532664bfaa12c30e0c5a4e6cf4fee0ab
+
+=======
+
+> > > > > > > 7e348685d1d307afea97a9c840201a22f2fd8df2
+
 - [ ] I have followed the [contributing guidelines](https://github.com/Hacker0x01/react-datepicker/blob/main/CONTRIBUTING.md).
 - [ ] I have added sufficient test coverage for my changes.
 - [ ] I have formatted my code with Prettier and checked for linting issues with ESLint for code readability.

src/date_utils.js

@@ -725,7 +725,7 @@ export function getEffectiveMaxDate({ maxDate, includeDates }) {
   }
 }
 
-export function getHightLightDaysMap(
+export function getHighLightDaysMap(
   highlightDates = [],
   defaultClassName = "react-datepicker__day--highlighted",
 ) {

src/index.jsx

@@ -35,7 +35,7 @@ import {
   parseDate,
   safeDateFormat,
   safeDateRangeFormat,
-  getHightLightDaysMap,
+  getHighLightDaysMap,
   getYear,
   getMonth,
   getStartOfWeek,
@@ -351,7 +351,7 @@ export default class DatePicker extends React.Component {
     }
     if (prevProps.highlightDates !== this.props.highlightDates) {
       this.setState({
-        highlightDates: getHightLightDaysMap(this.props.highlightDates),
+        highlightDates: getHighLightDaysMap(this.props.highlightDates),
       });
     }
     if (
@@ -381,10 +381,10 @@ export default class DatePicker extends React.Component {
     this.props.openToDate
       ? this.props.openToDate
       : this.props.selectsEnd && this.props.startDate
-        ? this.props.startDate
-        : this.props.selectsStart && this.props.endDate
-          ? this.props.endDate
-          : newDate();
+      ? this.props.startDate
+      : this.props.selectsStart && this.props.endDate
+      ? this.props.endDate
+      : newDate();
 
   // Convert the date from string format to standard Date format
   modifyHolidays = () =>
@@ -405,8 +405,8 @@ export default class DatePicker extends React.Component {
       minDate && isBefore(defaultPreSelection, startOfDay(minDate))
         ? minDate
         : maxDate && isAfter(defaultPreSelection, endOfDay(maxDate))
-          ? maxDate
-          : defaultPreSelection;
+        ? maxDate
+        : defaultPreSelection;
     return {
       open: this.props.startOpen || false,
       preventFocus: false,
@@ -416,7 +416,8 @@ export default class DatePicker extends React.Component {
           : this.props.selected) ?? boundedPreSelection,
       // transforming highlighted days (perhaps nested array)
       // to flat Map for faster access in day.jsx
-      highlightDates: getHightLightDaysMap(this.props.highlightDates),
+      highlightDates: getHighLightDaysMap(this.props.highlightDates),
+      holidays: getHolidaysMap(modifiedHolidays),
       focused: false,
       // used to focus day in inline version after month has changed, but not on
       // initial render
@@ -1252,16 +1253,16 @@ export default class DatePicker extends React.Component {
       typeof this.props.value === "string"
         ? this.props.value
         : typeof this.state.inputValue === "string"
-          ? this.state.inputValue
-          : this.props.selectsRange
-            ? safeDateRangeFormat(
-                this.props.startDate,
-                this.props.endDate,
-                this.props,
-              )
-            : this.props.selectsMultiple
-              ? safeMultipleDatesFormat(this.props.selectedDates, this.props)
-              : safeDateFormat(this.props.selected, this.props);
+        ? this.state.inputValue
+        : this.props.selectsRange
+        ? safeDateRangeFormat(
+            this.props.startDate,
+            this.props.endDate,
+            this.props,
+          )
+        : this.props.selectsMultiple
+        ? safeMultipleDatesFormat(this.props.selectedDates, this.props)
+        : safeDateFormat(this.props.selected, this.props);
 
     return React.cloneElement(customInput, {
       [customInputRef]: (input) => {

src/month.jsx

@@ -799,14 +799,17 @@ export default class Month extends React.Component {
         onPointerLeave={
           this.props.usePointerEvent ? this.handleMouseLeave : undefined
         }
-        aria-label={`${formattedAriaLabelPrefix}${utils.formatDate(day, "MMMM, yyyy")}`}
+        aria-label={`${formattedAriaLabelPrefix}${utils.formatDate(
+          day,
+          "MMMM, yyyy",
+        )}`}
         role="listbox"
       >
         {showMonthYearPicker
           ? this.renderMonths()
           : showQuarterYearPicker
-            ? this.renderQuarters()
-            : this.renderWeeks()}
+          ? this.renderQuarters()
+          : this.renderWeeks()}
       </div>
     );
   }

test/day_test.test.js

@@ -9,7 +9,7 @@ import {
   addDays,
   subDays,
   getMonth,
-  getHightLightDaysMap,
+  getHighLightDaysMap,
   getHolidaysMap,
   registerLocale,
 } from "../src/date_utils";
@@ -221,7 +221,7 @@ describe("Day", () => {
       const highlightDay1 = newDate(day);
       const highlightDay2 = addDays(day, 1);
       const highlightDates = [highlightDay1, highlightDay2];
-      const highlightDatesMap = getHightLightDaysMap(highlightDates);
+      const highlightDatesMap = getHighLightDaysMap(highlightDates);
       const container = renderDay(day, { highlightDates: highlightDatesMap });
       expect(
         container
@@ -235,7 +235,7 @@ describe("Day", () => {
       const highlightDay1 = subDays(day, 1);
       const highlightDay2 = addDays(day, 1);
       const highlightDates = [highlightDay1, highlightDay2];
-      const highlightDatesMap = getHightLightDaysMap(highlightDates);
+      const highlightDatesMap = getHighLightDaysMap(highlightDates);
       const container = renderDay(day, { highlightDates: highlightDatesMap });
       expect(
         container
@@ -253,7 +253,7 @@ describe("Day", () => {
         const highlightDay2 = addDays(day, 2);
         const highlightDay3 = addDays(day, 3);
         const highlightDates = [highlightDay1, highlightDay2, highlightDay3];
-        const highlightDatesMap = getHightLightDaysMap(highlightDates);
+        const highlightDatesMap = getHighLightDaysMap(highlightDates);
         const container = renderDay(day, {
           highlightDates: highlightDatesMap,
         });
@@ -272,7 +272,8 @@ describe("Day", () => {
         const highlightDay2 = addDays(day, 3);
         const highlightDay3 = addDays(day, 4);
         const highlightDates = [highlightDay1, highlightDay2, highlightDay3];
-        const highlightDatesMap = getHightLightDaysMap(highlightDates);
+
+        const highlightDatesMap = getHighLightDaysMap(highlightDates);
         const container = renderDay(day, {
           highlightDates: highlightDatesMap,
         });
@@ -289,7 +290,8 @@ describe("Day", () => {
         const highlightDay2 = { barClassName: [newDate(day)] };
         const highlightDay3 = newDate(day);
         const highlightDates = [highlightDay1, highlightDay2, highlightDay3];
-        const highlightDatesMap = getHightLightDaysMap(highlightDates);
+
+        const highlightDatesMap = getHighLightDaysMap(highlightDates);
         const container = renderDay(day, {
           highlightDates: highlightDatesMap,
         });

test/month_test.test.js

@@ -67,8 +67,10 @@ describe("Month", () => {
       <Month day={date} ariaLabelPrefix={ariaLabelPrefix} />,
     );
 
-    const expectedAriaLabel =
-      `${ariaLabelPrefix} ${utils.formatDate(date, "MMMM, yyyy")}`.toLowerCase();
+    const expectedAriaLabel = `${ariaLabelPrefix} ${utils.formatDate(
+      date,
+      "MMMM, yyyy",
+    )}`.toLowerCase();
     expect(
       container
         .querySelector(".react-datepicker__month")
@@ -85,8 +87,10 @@ describe("Month", () => {
       <Month day={date} ariaLabelPrefix={ariaLabelPrefix} />,
     );
 
-    const expectedAriaLabel =
-      `${utils.formatDate(date, "MMMM, yyyy")}`.toLowerCase();
+    const expectedAriaLabel = `${utils.formatDate(
+      date,
+      "MMMM, yyyy",
+    )}`.toLowerCase();
     expect(
       container
         .querySelector(".react-datepicker__month")