react-day-picker 8.0.2 → 8.0.5

package/src/types/Styles.ts

@@ -0,0 +1,108 @@
+import React from 'react';
+
+/** The style (either via class names or via in-line styles) of an element. */
+export type StyledElement<T = string | React.CSSProperties> = {
+  /** The root element. */
+  readonly root: T;
+  /** The root element when `numberOfMonths > 1`. */
+  readonly multiple_months: T;
+  /** The root element when `showWeekNumber={true}`. */
+  readonly with_weeknumber: T;
+  /** The style of an element visually hidden. */
+  readonly vhidden: T;
+  /** The style for resetting the buttons. */
+  readonly button_reset: T;
+  /** The buttons. */
+  readonly button: T;
+
+  /** The caption (showing the calendar heading and the navigation) */
+  readonly caption: T;
+  /** The caption when at the start of a series of months. */
+  readonly caption_start: T;
+  /** The caption when at the end of a series of months. */
+  readonly caption_end: T;
+  /** The caption when between two months (when `multipleMonths > 2`). */
+  readonly caption_between: T;
+  /** The caption label. */
+  readonly caption_label: T;
+  /** The drop-downs container. */
+  readonly caption_dropdowns: T;
+
+  /** The drop-down (select) element. */
+  readonly dropdown: T;
+  /** The drop-down to change the month. */
+  readonly dropdown_month: T;
+  /** The drop-down to change the year. */
+  readonly dropdown_year: T;
+  /** The drop-down icon. */
+  readonly dropdown_icon: T;
+
+  /** The months wrapper. */
+  readonly months: T;
+  /** The table wrapper. */
+  readonly month: T;
+  /** Table containing the monthly calendar. */
+  readonly table: T;
+  /** The table body. */
+  readonly tbody: T;
+  /** The table footer. */
+  readonly tfoot: T;
+
+  /** The table’s head. */
+  readonly head: T;
+  /** The row in the head. */
+  readonly head_row: T;
+  /** The head cell. */
+  readonly head_cell: T;
+
+  /** The navigation container. */
+  readonly nav: T;
+
+  /** The navigation button. */
+  readonly nav_button: T;
+  /** The "previous month" navigation button. */
+  readonly nav_button_previous: T;
+  /** The "next month" navigation button. */
+  readonly nav_button_next: T;
+  /** The icon for the navigation button. */
+  readonly nav_icon: T;
+
+  /** The table’s row. */
+  readonly row: T;
+  /** The weeknumber displayed in the column. */
+  readonly weeknumber: T;
+  /** The table cell containing the day element. */
+  readonly cell: T;
+
+  /** The day element: it is a `span` when not interactive, a `button` otherwise. */
+  readonly day: T;
+  /** The day when outside the month. */
+  readonly day_outside: T;
+  /** The day when selected. */
+  readonly day_selected: T;
+  /** The day when disabled. */
+  readonly day_disabled: T;
+  /** The day when hidden. */
+  readonly day_hidden: T;
+  /** The day when at the start of a selected range. */
+  readonly day_range_start: T;
+  /** The day when at the end of a selected range. */
+  readonly day_range_end: T;
+  /** The day in the middle of a selected range: it does not include the "from" and the "to" days. */
+  readonly day_range_middle: T;
+  /** The day when today. */
+  readonly day_today: T;
+};
+
+/** The class names of each element. */
+export type ClassNames = Partial<StyledElement<string>>;
+
+/** The inline-styles of each element. */
+export type Styles = Partial<StyledElement<React.CSSProperties>>;
+
+/** Props of a component that can be styled via classNames or inline-styles. */
+export type StyledComponent = {
+  className?: string;
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+};

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "jsx": "react",
+    "module": "es6",
+    "moduleResolution": "node",
+    "rootDir": "./",
+    "baseUrl": "./src",
+    "noEmit": true,
+    "paths": {
+      "test/*": ["../test/*"]
+    },
+    "declaration": true,
+    "sourceMap": true,
+    "outDir": "./dist",
+    "importHelpers": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true
+  },
+  "include": ["test", "src"]
+}