DefinitelyTyped/types/react-flatpickr/react-flatpickr-tests.tsx
Rigoberto Molina caaf192478 [react-flatpickr]: Allow extra properties in DateTimePickerProps (#34979)
* Allow extra properties in DateTimePickerProps

* Tests for extra properties in DateTimePickerProps

* Add myself to authors

* Update index.d.ts

* Partially extend HTMLInputElement

* Update index.d.ts

* Update index.d.ts
2019-04-26 13:00:34 -07:00

47 lines
1.6 KiB
TypeScript

import flatpickr from "flatpickr";
import * as React from "react";
import DatePicker from "react-flatpickr";
const noParamsElement = <DatePicker />;
const classNameElement = <DatePicker className={"test"} />;
const defaultValueElement = <DatePicker defaultValue={"Default value"} />;
const options = {
dateFormat: "YYYY-MM-DD"
};
const optionsElement = <DatePicker options={options} />;
const hook = (
selectedDates: Date[],
dateStr: string,
instance: flatpickr.Instance,
elem: HTMLElement
) => null;
const onChangeElement = <DatePicker onChange={hook} />;
const onOpenElement = <DatePicker onOpen={hook} />;
const onCloseElement = <DatePicker onClose={hook} />;
const onMonthChangeElement = <DatePicker onMonthChange={hook} />;
const onYearChangeElement = <DatePicker onYearChange={hook} />;
const onReadyElement = <DatePicker onReady={hook} />;
const onValueUpdateElement = <DatePicker onValueUpdate={hook} />;
const onDayCreateElement = <DatePicker onDayCreate={hook} />;
const valueStringElement = <DatePicker value={"2018-11-29T18:35:50.115Z"} />;
const valueDateElement = <DatePicker value={new Date()} />;
const valueNumberElement = <DatePicker value={1543516477474} />;
const valueStringArrayElement = (
<DatePicker
value={["2018-11-29T18:35:50.115Z", "2018-11-29T19:35:50.115Z"]}
/>
);
const valueDateArrayElement = (
<DatePicker value={[new Date(), new Date(1543516477474)]} />
);
const valueNumberArrayElement = (
<DatePicker value={[1543516477474, 1544549477474]} />
);
const extraInputPropertiesElement = <DatePicker placeholder="Enter a date..." id="datepicker-1" />;