Fix prettier formatting

Author: martijnrusschen

src/calendar.tsx

@@ -56,23 +56,27 @@ import YearDropdown from "./year_dropdown";
 import type { ClickOutsideHandler } from "./click_outside_wrapper";
 import type { Day } from "date-fns";
 
-interface YearDropdownProps
-  extends React.ComponentPropsWithoutRef<typeof YearDropdown> {}
+interface YearDropdownProps extends React.ComponentPropsWithoutRef<
+  typeof YearDropdown
+> {}
 
-interface MonthDropdownProps
-  extends React.ComponentPropsWithoutRef<typeof MonthDropdown> {}
+interface MonthDropdownProps extends React.ComponentPropsWithoutRef<
+  typeof MonthDropdown
+> {}
 
-interface MonthYearDropdownProps
-  extends React.ComponentPropsWithoutRef<typeof MonthYearDropdown> {}
+interface MonthYearDropdownProps extends React.ComponentPropsWithoutRef<
+  typeof MonthYearDropdown
+> {}
 
 interface YearProps extends React.ComponentPropsWithoutRef<typeof Year> {}
 
 interface MonthProps extends React.ComponentPropsWithoutRef<typeof Month> {}
 
 interface TimeProps extends React.ComponentPropsWithoutRef<typeof Time> {}
 
-interface InputTimeProps
-  extends React.ComponentPropsWithoutRef<typeof InputTime> {}
+interface InputTimeProps extends React.ComponentPropsWithoutRef<
+  typeof InputTime
+> {}
 
 const DROPDOWN_FOCUS_CLASSNAMES = [
   "react-datepicker__year-select",
@@ -217,8 +221,7 @@ type CalendarProps = React.PropsWithChildren<
 >;
 
 interface CalendarState
-  extends Pick<YearProps, "selectingDate">,
-    Pick<MonthProps, "selectingDate"> {
+  extends Pick<YearProps, "selectingDate">, Pick<MonthProps, "selectingDate"> {
   date: Required<YearProps>["date"];
   monthContainer: TimeProps["monthRef"];
   isRenderAriaLiveMessage: boolean;

src/calendar_container.tsx

@@ -1,7 +1,8 @@
 import React, { type HTMLAttributes } from "react";
 
-export interface CalendarContainerProps
-  extends React.PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
+export interface CalendarContainerProps extends React.PropsWithChildren<
+  HTMLAttributes<HTMLDivElement>
+> {
   showTimeSelectOnly?: boolean;
   showTime?: boolean;
   inline?: boolean;

src/date_utils.ts

@@ -212,11 +212,10 @@ export function nowInTimeZone(timeZone?: TimeZone): Date {
 }
 
 export type DateNumberType = Day;
-interface LocaleObj
-  extends Pick<
-    DateFnsLocale,
-    "options" | "formatLong" | "localize" | "match"
-  > {}
+interface LocaleObj extends Pick<
+  DateFnsLocale,
+  "options" | "formatLong" | "localize" | "match"
+> {}
 
 export type Locale = string | LocaleObj;
 

src/day.tsx

@@ -23,18 +23,17 @@ import {
   KeyType,
 } from "./date_utils";
 
-interface DayProps
-  extends Pick<
-    DateFilterOptionsWithDisabled,
-    | "minDate"
-    | "maxDate"
-    | "excludeDates"
-    | "excludeDateIntervals"
-    | "includeDateIntervals"
-    | "includeDates"
-    | "filterDate"
-    | "disabled"
-  > {
+interface DayProps extends Pick<
+  DateFilterOptionsWithDisabled,
+  | "minDate"
+  | "maxDate"
+  | "excludeDates"
+  | "excludeDateIntervals"
+  | "includeDateIntervals"
+  | "includeDates"
+  | "filterDate"
+  | "disabled"
+> {
   ariaLabelPrefixWhenEnabled?: string;
   ariaLabelPrefixWhenDisabled?: string;
   disabledKeyboardNavigation?: boolean;

src/index.tsx

@@ -95,13 +95,15 @@ interface Holiday {
 
 type CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>;
 
-interface CalendarIconProps
-  extends React.ComponentPropsWithoutRef<typeof CalendarIcon> {}
+interface CalendarIconProps extends React.ComponentPropsWithoutRef<
+  typeof CalendarIcon
+> {}
 
 interface PortalProps extends React.ComponentPropsWithoutRef<typeof Portal> {}
 
-interface PopperComponentProps
-  extends React.ComponentPropsWithoutRef<typeof PopperComponent> {}
+interface PopperComponentProps extends React.ComponentPropsWithoutRef<
+  typeof PopperComponent
+> {}
 
 // see https://github.com/microsoft/TypeScript/issues/31501
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

src/month.tsx

@@ -90,20 +90,19 @@ function getMonthColumnsLayout(
 
 interface WeekProps extends React.ComponentPropsWithoutRef<typeof Week> {}
 
-interface MonthProps
-  extends Omit<
-    WeekProps,
-    | "ariaLabelPrefix"
-    | "chooseDayAriaLabelPrefix"
-    | "day"
-    | "disabledDayAriaLabelPrefix"
-    | "month"
-    | "onDayClick"
-    | "onDayMouseEnter"
-    | "preSelection"
-    | "selected"
-    | "showWeekNumber"
-  > {
+interface MonthProps extends Omit<
+  WeekProps,
+  | "ariaLabelPrefix"
+  | "chooseDayAriaLabelPrefix"
+  | "day"
+  | "disabledDayAriaLabelPrefix"
+  | "month"
+  | "onDayClick"
+  | "onDayMouseEnter"
+  | "preSelection"
+  | "selected"
+  | "showWeekNumber"
+> {
   monthClassName?: (date: Date) => string;
   onDayClick?: (
     date: Date,

src/month_dropdown.tsx

@@ -7,14 +7,14 @@ import {
 } from "./date_utils";
 import MonthDropdownOptions from "./month_dropdown_options";
 
-interface MonthDropdownOptionsProps
-  extends React.ComponentPropsWithoutRef<typeof MonthDropdownOptions> {}
+interface MonthDropdownOptionsProps extends React.ComponentPropsWithoutRef<
+  typeof MonthDropdownOptions
+> {}
 
-interface MonthDropdownProps
-  extends Omit<
-    MonthDropdownOptionsProps,
-    "monthNames" | "onChange" | "onCancel"
-  > {
+interface MonthDropdownProps extends Omit<
+  MonthDropdownOptionsProps,
+  "monthNames" | "onChange" | "onCancel"
+> {
   dropdownMode: "scroll" | "select";
   locale?: Locale;
   onChange: (month: number) => void;

src/month_year_dropdown.tsx

@@ -13,11 +13,14 @@ import {
 } from "./date_utils";
 import MonthYearDropdownOptions from "./month_year_dropdown_options";
 
-interface MonthYearDropdownOptionsProps
-  extends React.ComponentPropsWithoutRef<typeof MonthYearDropdownOptions> {}
+interface MonthYearDropdownOptionsProps extends React.ComponentPropsWithoutRef<
+  typeof MonthYearDropdownOptions
+> {}
 
-interface MonthYearDropdownProps
-  extends Omit<MonthYearDropdownOptionsProps, "onChange" | "onCancel"> {
+interface MonthYearDropdownProps extends Omit<
+  MonthYearDropdownOptionsProps,
+  "onChange" | "onCancel"
+> {
   dropdownMode: "scroll" | "select";
   onChange: (monthYear: Date) => void;
   locale?: Locale;

src/popper_component.tsx

@@ -9,15 +9,17 @@ import withFloating from "./with_floating";
 import type { FloatingProps } from "./with_floating";
 import type { ReactNode } from "react";
 
-interface PortalProps
-  extends Omit<React.ComponentPropsWithoutRef<typeof Portal>, "children"> {}
-interface TabLoopProps
-  extends Omit<React.ComponentPropsWithoutRef<typeof TabLoop>, "children"> {}
+interface PortalProps extends Omit<
+  React.ComponentPropsWithoutRef<typeof Portal>,
+  "children"
+> {}
+interface TabLoopProps extends Omit<
+  React.ComponentPropsWithoutRef<typeof TabLoop>,
+  "children"
+> {}
 
 interface PopperComponentProps
-  extends Omit<PortalProps, "portalId">,
-    TabLoopProps,
-    FloatingProps {
+  extends Omit<PortalProps, "portalId">, TabLoopProps, FloatingProps {
   className?: string;
   wrapperClassName?: string;
   popperComponent: React.ReactNode;

src/stylesheets/variables.scss

@@ -17,7 +17,8 @@ $datepicker__border: 1px solid $datepicker__border-color;
 $datepicker__border-radius: 0.3rem !default;
 $datepicker__day-margin: 0.166rem !default;
 $datepicker__font-size: 0.8rem !default;
-$datepicker__font-family: "Helvetica Neue", helvetica, arial, sans-serif !default;
+$datepicker__font-family:
+  "Helvetica Neue", helvetica, arial, sans-serif !default;
 $datepicker__item-size: 1.7rem !default;
 $datepicker__margin: 0.4rem !default;
 $datepicker__navigation-button-size: 32px !default;