@sqrzro/admin 1.0.0-beta.1

package/dist/types/components/Alert/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SimpleAction, StyleVariant } from '../../utility/interfaces';
+interface AlertProps {
+    actions?: SimpleAction[];
+    children: React.ReactNode;
+    title: string;
+    variant?: StyleVariant;
+}
+declare const Alert: React.FunctionComponent<AlertProps>;
+export default Alert;

package/dist/types/components/Allow/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface AllowProps {
+    children: React.ReactNode;
+    permission?: string;
+}
+/**
+ * The `Allow` component is essentially a wrappy that lets a developer display or hide child content
+ * based on the permissions a particular user has.
+ *
+ * By default, the
+ */
+declare const Allow: React.FunctionComponent<AllowProps>;
+export default Allow;

package/dist/types/components/App/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { AppContext, AppInitialProps } from 'next/app';
+import type { NextRouter } from 'next/router';
+import type { Config } from '../../hooks/useAppContext';
+import 'modern-normalize';
+import '../../styles/variables.css';
+import '../../styles/layout.css';
+import type { SceneComponentType } from '../../utility/interfaces';
+export interface AppProps {
+    Component: SceneComponentType;
+    Logo?: React.ComponentType | null;
+    config?: Config;
+    router: NextRouter;
+}
+export declare type AppType = React.FunctionComponent<AppProps> & {
+    getInitialProps: (context: AppContext) => Promise<AppInitialProps>;
+};
+declare const App: React.FunctionComponent<AppProps>;
+export default App;

package/dist/types/components/AutoSuggest/index.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import type { DropdownItem } from '../../core/DropdownPanel';
+import type { InputProps } from '../../utility/interfaces';
+interface AutoSuggestProps extends InputProps {
+    /**
+     * An array of strings to filter for the suggestions. If a `remote` prop is specified, this is
+     * ignored.
+     */
+    data?: (DropdownItem | string)[] | null;
+    /** The URL for the endpoint that will return the suggestions */
+    remote?: string | null;
+}
+/**
+ * As a user types, suggestions based on they've typed are displayed in a panel below. When a user
+ * clicks a suggestion, the value is updated. Under the hood, it is more or less a combination of a
+ * `TextInput` and a `DropdownPanel`.
+ *
+ * ## Request Methods
+ *
+ * At its most basic, the suggestions are a predefined array of `data`. However,
+ * if the `remote` prop is specified, the AutoSuggest will `GET` that endpoint as the user types.
+ * The following will be appended onto the query:
+ *
+ * ````
+ * ?search={value}
+ * ```
+ *
+ * The endpoint should then handle filtering the data, and returning an array of the results. If the
+ * value of the input changes before the previous `GET` request has completed, that one is
+ * cancelled and a new one started, with the updated search query.
+ *
+ * ## Data Formats
+ *
+ * The data returned should be one of two formats. The choice of format has an impact on how the
+ * value is stored, and the label that is displayed.
+ *
+ * The most basic format is an array of strings. The value is stored as the string itself, and the
+ * label displays the same string. This is most useful for situations where no relationships are
+ * required on the backend, and the `AutoSuggest` is purely being used to assist the user in
+ * defining a value.
+ *
+ * An example of this data would be:
+ *
+ * ```
+ * ['apple', 'banana', 'carrot']
+ * ```
+ *
+ * The second format is an array of objects. The value is stored as the `id` of the object, and the
+ * label displays the `name` of the object. This is most useful for situations where a relationship
+ * is required on the backend, and the `AutoSuggest` is being used to assist the user in defining
+ * a value. With this format, the `AutoSuggest` works more like a `Dropdown`.
+ *
+ * For example:
+ *
+ * ```
+ * [{ id: 1, name: 'apple' }, { id: 2, name: 'banana' }, { id: 3, name: 'carrot' }]
+ * ```
+ */
+declare const AutoSuggest: React.FunctionComponent<AutoSuggestProps>;
+export default AutoSuggest;

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { ButtonVariant } from '../../utility/interfaces';
+export interface ButtonProps {
+    /** Probably the button text, but could be any HTML element or React component */
+    children: React.ReactNode;
+    /** If set to true, the Button will be greyed out and non-interactive */
+    isDisabled?: boolean | null;
+    isFullWidth?: boolean | null;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
+    /** If specified, the Button will be created as a Link element. */
+    to?: string;
+    /** The type of button. Button's with a type of `submit` will submit a parent form */
+    type?: 'button' | 'submit';
+    /** With the exception of `bordered` these variants correspond to the theme colours */
+    variant?: ButtonVariant | ButtonVariant[];
+}
+/**
+ * Either a `Link` component or a `button` element, depending on whether a `to` prop is specified.
+ *
+ * As a `Link`, it provides navigation between pages, and as a `button` it will handle the
+ * `onClick` function when clicked (if one is specified).
+ *
+ * ## to & onClick
+ *
+ * Although it is possible to omit both the `to` and `onClick` props, there will
+ * be nearly zero situations where this would be useful. It is also possible to include both props.
+ * This will create a `Link` component, and handle the `onClick` function before navigation.
+ *
+ * ## Styles
+ *
+ * The `Button` will stretch to the full width of its parent element. If you wish to have a smaller
+ * width, you can wrap it in a `div`, and then wrap that `div` in a component with a flex property.
+ * Components like `ListActions` and `ModalActions` do this for you.
+ */
+declare const Button: React.FunctionComponent<ButtonProps>;
+export default Button;

package/dist/types/components/CalendarInput/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { InputProps } from '../../utility/interfaces';
+export interface CalendarInputProps extends InputProps {
+    disabledDates?: string[] | ((date: string) => boolean);
+    isOptional?: boolean;
+    isPanelOnly?: boolean;
+    isRange?: boolean;
+}
+declare const CalendarInput: React.FunctionComponent<CalendarInputProps>;
+export default CalendarInput;

package/dist/types/components/CheckboxList/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ChkRadListElementProps } from '../../core/ChkRadList';
+declare const CheckboxList: React.FunctionComponent<ChkRadListElementProps>;
+export default CheckboxList;

package/dist/types/components/ConnectedDropdown/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { InputProps, Remote } from '../../utility/interfaces';
+interface ConnnectedDropdownProps extends InputProps {
+    isPanelOnly?: boolean;
+    remote: Remote;
+}
+declare const ConnectedDropdown: React.FunctionComponent<ConnnectedDropdownProps>;
+export default ConnectedDropdown;

package/dist/types/components/ConnectedList/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ConnectedRepeaterElementProps } from '../../core/ConnectedRepeater';
+declare const ConnectedList: React.FunctionComponent<ConnectedRepeaterElementProps>;
+export default ConnectedList;

package/dist/types/components/ConnectedScene/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { TabItem } from '../../core/Tabs';
+import type { Remote } from '../../utility/interfaces';
+interface ConnectedSceneProps {
+    children: React.ReactNode;
+    remote: Remote;
+    tabs?: TabItem[];
+    title: string | ((data: Record<string, unknown>) => string);
+}
+declare const ConnectedScene: React.FunctionComponent<ConnectedSceneProps>;
+export default ConnectedScene;

package/dist/types/components/ConnectedTable/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ConnectedRepeaterElementProps } from '../../core/ConnectedRepeater';
+declare const ConnectedTable: React.FunctionComponent<ConnectedRepeaterElementProps>;
+export default ConnectedTable;

package/dist/types/components/ContentBlock/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ContentBlockProps {
+    children: React.ReactNode;
+}
+declare const ContentBlock: React.FunctionComponent<ContentBlockProps>;
+export default ContentBlock;

package/dist/types/components/DateInput/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { InputProps } from '../../utility/interfaces';
+interface DateInputProps extends InputProps {
+    format?: string;
+}
+declare const DateInput: React.FunctionComponent<DateInputProps>;
+export default DateInput;

package/dist/types/components/Document/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import NextDocument from 'next/document';
+declare class Document extends NextDocument {
+    render(): JSX.Element;
+}
+export default Document;

package/dist/types/components/Dropdown/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { InputProps, InputValue, SimpleObject } from '../../utility/interfaces';
+export declare type DropdownTransformer = (item: Record<string, unknown> | SimpleObject) => SimpleObject;
+interface DropdownProps extends InputProps {
+    data?: Record<string, unknown>[] | SimpleObject[];
+    isMultiple?: boolean;
+    isOptional?: boolean;
+    isPanelOnly?: boolean;
+    placeholder?: string;
+    transformer?: DropdownTransformer;
+}
+export declare const renderLabel: (transformed: SimpleObject[], value?: InputValue | undefined, isMultiple?: boolean | undefined) => string | null;
+declare const Dropdown: React.FunctionComponent<DropdownProps>;
+export default Dropdown;

package/dist/types/components/Fieldset/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface FieldsetProps {
+    children: React.ReactNode;
+    legend?: string;
+}
+/**
+ * Simply a styled wrapper for a `fieldset` element. The `legend` prop isn't required but is
+ * probably recommended in most instances.
+ */
+declare const Fieldset: React.FunctionComponent<FieldsetProps>;
+export default Fieldset;

package/dist/types/components/FileInput/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { InputProps } from '../../utility/interfaces';
+declare const FileInput: React.FunctionComponent<InputProps>;
+export default FileInput;

package/dist/types/components/FilterLink/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FilterLinkProps {
+    children: React.ReactNode;
+    to: Record<string, string>;
+}
+declare const FilterLink: React.FunctionComponent<FilterLinkProps>;
+export default FilterLink;

package/dist/types/components/Form/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { InputValue } from '../../utility/interfaces';
+interface FormProps {
+    children: React.ReactNode;
+    data: Record<string, InputValue>;
+    errors?: Record<string, string>;
+    onChange: (key: string, value: InputValue) => void;
+    onSubmit?: (event: React.FormEvent) => void;
+}
+declare const Form: React.FunctionComponent<FormProps>;
+export default Form;

package/dist/types/components/FormActions/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface FormActionsProps {
+    children?: React.ReactNode;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    label: string;
+}
+declare const FormActions: React.FunctionComponent<FormActionsProps>;
+export default FormActions;

package/dist/types/components/FormField/index.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { InputProps, SimpleAction } from '../../utility/interfaces';
+export interface FormFieldComponentProps extends InputProps {
+    action?: SimpleAction | null;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+}
+interface FormFieldProps extends FormFieldComponentProps {
+    error?: string;
+    isOptional?: boolean;
+    isShallow?: boolean;
+    label?: string | null;
+    render?: ((props: FormFieldComponentProps) => React.ReactNode) | null;
+    width?: 'full' | null;
+}
+/**
+ * Render some kind of form control, plus a label and error message if specified. By default, it
+ * will render a `TextInput`. Using the `render` prop however, you can render any component you
+ * like. The rendered component will be passed the following props from `FormField`:
+ *
+ *  ```
+ *  name, value, hasError, isOptional, onChange
+ * ```
+ *
+ * The rendered component can then handle these in any way it likes.
+ */
+declare const FormField: React.FunctionComponent<FormFieldProps>;
+export default FormField;

package/dist/types/components/FormRepeater/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { InputProps } from '../../utility/interfaces';
+interface FormRepeaterProps extends InputProps {
+    label?: string;
+    max?: number;
+}
+declare const FormRepeater: React.FunctionComponent<FormRepeaterProps>;
+export default FormRepeater;

package/dist/types/components/ImageInput/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { InputProps } from '../../utility/interfaces';
+declare const ImageInput: React.FunctionComponent<InputProps>;
+export default ImageInput;

package/dist/types/components/InfoPanel/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { StyleVariant } from '../../utility/interfaces';
+export interface InfoPanelProps {
+    children: React.ReactNode;
+    variant?: StyleVariant;
+}
+declare const InfoPanel: React.FunctionComponent<InfoPanelProps>;
+export default InfoPanel;

package/dist/types/components/Link/__mocks__/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface LinkProps {
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+}
+declare const Link: React.FunctionComponent<LinkProps>;
+export default Link;

package/dist/types/components/Link/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface DataProps {
+    'data-test-id'?: string;
+}
+interface LinkProps extends DataProps {
+    children: React.ReactNode;
+    className?: string;
+    isNewWindow?: boolean;
+    to: string;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+}
+declare const Link: React.FunctionComponent<LinkProps>;
+export default Link;

package/dist/types/components/List/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { Transformer } from '../../utility/interfaces';
+export interface ListProps {
+    data?: Record<string, unknown>[];
+    isDisabled?: boolean;
+    pagination?: {
+        activePage: number;
+        pageCount: number;
+    } | null;
+    transformer?: Transformer;
+}
+/**
+ * Displays a list of items. Each item in the `data` prop is passed through the `transformer`
+ * function and then displayed. For more information about what `transformer` options are
+ * available, take a look at the `ListItem` documentation.
+ *
+ * The only value that is required for each transformed item is an `$id` as this is used for the
+ * `key` prop.
+ *
+ * If there is no data, an `EmptyMessage` is displayed.
+ */
+declare const List: React.FunctionComponent<ListProps>;
+export default List;

package/dist/types/components/ListActions/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ListActionsProps {
+    children?: React.ReactNode;
+    label: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    to?: string;
+}
+declare const ListActions: React.FunctionComponent<ListActionsProps>;
+export default ListActions;

package/dist/types/components/LoginForm/index.d.ts

@@ -0,0 +1,3 @@
+import type { SceneComponentType } from '../../utility/interfaces';
+declare const LoginForm: SceneComponentType;
+export default LoginForm;

package/dist/types/components/Message/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface MessageProps {
+    children: React.ReactNode;
+    title?: string | null;
+}
+declare const Message: React.FunctionComponent<MessageProps>;
+export default Message;

package/dist/types/components/ModalActions/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { ButtonVariant } from '../../utility/interfaces';
+interface ModalActionsProps {
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    label: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    variant?: ButtonVariant | ButtonVariant[];
+}
+declare const ModalActions: React.FunctionComponent<ModalActionsProps>;
+export default ModalActions;

package/dist/types/components/MoneyInput/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { TextInputProps } from '../TextInput';
+/**
+ * A `TextInput` component with a pre-defined `prefix` prop set to a pound sign. All other props are
+ * simply passed through to the TextInput. Technically, the order of the props is such that the
+ * prefix can be overridden or removed all together. If this is the case, the component is no
+ * different to a `TextInput`.
+ */
+declare const MoneyInput: React.FunctionComponent<TextInputProps>;
+export default MoneyInput;

package/dist/types/components/PasswordForm/index.d.ts

@@ -0,0 +1,3 @@
+import type { SceneComponentType } from '../../utility/interfaces';
+declare const PasswordForm: SceneComponentType;
+export default PasswordForm;

package/dist/types/components/PasswordInput/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { TextInputProps } from '../TextInput';
+/**
+ * A `TextInput` component, with a control that toggles it `type` between 'text' and 'password'. All
+ * the props are simply passed though to the `TextInput`, so check there for more information.
+ */
+declare const PasswordInput: React.FunctionComponent<TextInputProps>;
+export default PasswordInput;

package/dist/types/components/RadioList/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ChkRadListElementProps } from '../../core/ChkRadList';
+declare const RadioList: React.FunctionComponent<ChkRadListElementProps>;
+export default RadioList;

package/dist/types/components/Scene/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { TabItem } from '../../core/Tabs';
+interface SceneProps {
+    children: React.ReactNode;
+    isWide?: boolean;
+    tabs?: TabItem[];
+    title: string;
+}
+declare const Scene: React.FunctionComponent<SceneProps>;
+export default Scene;

package/dist/types/components/SummaryList/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { SummaryListObject } from '../../core/SummaryListItem';
+interface SummaryListProps {
+    data: SummaryListObject[];
+    isDisabled?: boolean;
+}
+declare const SummaryList: React.FunctionComponent<SummaryListProps>;
+export default SummaryList;

package/dist/types/components/Switch/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { InputProps } from '../../utility/interfaces';
+interface SwitchProps extends InputProps {
+    extra?: string;
+    label: React.ReactNode | string;
+    isMultiline?: boolean;
+}
+declare const Switch: React.FunctionComponent<SwitchProps>;
+export default Switch;

package/dist/types/components/Table/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { Columns } from '../../core/TableCell';
+import type { PaginationObject, Transformer } from '../../utility/interfaces';
+export interface TableProps {
+    columns: Columns;
+    data?: Record<string, unknown>[];
+    isDisabled?: boolean;
+    pagination?: PaginationObject;
+    totals?: Record<string, number> | null;
+    transformer?: Transformer;
+}
+declare const Table: React.FunctionComponent<TableProps>;
+export default Table;

package/dist/types/components/Tag/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { StyleVariant } from '../../utility/interfaces';
+export interface TagProps {
+    children: React.ReactNode;
+    variant?: StyleVariant | StyleVariant[];
+}
+declare const Tag: React.FunctionComponent<TagProps>;
+export default Tag;

package/dist/types/components/TextArea/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TextInputProps } from '../TextInput';
+declare const TextArea: React.FunctionComponent<TextInputProps>;
+export default TextArea;

package/dist/types/components/TextInput/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { InputProps, InputValue, SimpleEventHandler } from '../../utility/interfaces';
+export interface TextInputProps extends InputProps<InputValue, HTMLInputElement | HTMLTextAreaElement> {
+    autocomplete?: boolean;
+    isClearable?: boolean;
+    isLoading?: boolean;
+    onClear?: SimpleEventHandler;
+    placeholder?: string;
+    prefix?: string | null;
+    suffix?: string | null;
+    type?: string;
+}
+/**
+ * A customisable text input component.
+ */
+declare const TextInput: React.FunctionComponent<TextInputProps>;
+export default TextInput;

package/dist/types/components/WebsiteInput/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { TextInputProps } from '../TextInput';
+/**
+ * A `TextInput` component with a pre-defined `prefix` prop set to a 'http://'. All other props are
+ * simply passed through to the TextInput. Technically, the order of the props is such that the
+ * prefix can be overridden or removed all together. If this is the case, the component is no
+ * different to a `TextInput`.
+ */
+declare const WebsiteInput: React.FunctionComponent<TextInputProps>;
+export default WebsiteInput;

package/dist/types/components/WeekCalendar/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface WeekCalendarProps {
+    data: {
+        id: number;
+        datetime: string;
+        patient: {
+            name: string;
+        };
+    }[];
+}
+declare const WeekCalendar: React.FunctionComponent<WeekCalendarProps>;
+export default WeekCalendar;

package/dist/types/core/AppHeader/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AppHeader: React.FunctionComponent;
+export default AppHeader;

package/dist/types/core/AppLogo/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface AppLogoProps {
+    isLink?: boolean;
+}
+declare const AppLogo: React.FunctionComponent<AppLogoProps>;
+export default AppLogo;

package/dist/types/core/AppLogoImage/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AppLogoImage: React.FunctionComponent;
+export default AppLogoImage;

package/dist/types/core/AppLogoPlaceholder/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AppLogoPlaceholder: React.FunctionComponent;
+export default AppLogoPlaceholder;

package/dist/types/core/Assistive/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface AssistiveProps {
+    children: React.ReactNode;
+}
+declare const Assistive: React.FunctionComponent<AssistiveProps>;
+export default Assistive;

package/dist/types/core/Banner/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Banner: React.FunctionComponent;
+export default Banner;

package/dist/types/core/BuildModal/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const BuildModal: React.FunctionComponent;
+export default BuildModal;

package/dist/types/core/Calendar/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { SimpleEventHandler } from '../../utility/interfaces';
+interface CalendarProps {
+    disabledDates?: string[] | ((date: string) => boolean);
+    isRange?: boolean;
+    name: string;
+    onChange: SimpleEventHandler;
+    value?: string;
+}
+declare const Calendar: React.FunctionComponent<CalendarProps>;
+export default Calendar;

package/dist/types/core/CalendarDay/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { SimpleEventHandler } from '../../utility/interfaces';
+export interface DayObject {
+    label: number;
+    date: string;
+}
+interface CalendarDayProps {
+    data: DayObject | number;
+    name: string;
+    onClick?: SimpleEventHandler<string>;
+    isDisabled?: boolean;
+    isHighlighted?: boolean;
+    isSelected?: boolean;
+}
+declare const CalendarDay: React.FunctionComponent<CalendarDayProps>;
+export default CalendarDay;