vhad/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/gosticks/DefinitelyTyped.git synced 2026-06-28 22:30:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[material-ui] Improve DatePicker types (#15886)

Browse Source 
* Improve DatePicker types

* Add DatePickerDialog to direct imports

* Add @alitaheri as maintainer
This commit is contained in:
Ali Taheri Moghaddar
2017-04-21 01:00:03 +04:30
committed by Andy
parent 789f03ed80
commit 1ce0725a6c
2 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
types/material-ui/index.d.ts vendored
View File

@@ -1,6 +1,6 @@
// Type definitions for material-ui v0.17.1
// Type definitions for material-ui v0.17.4
// Project: https://github.com/callemall/material-ui
// Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>, Igor Belagorudsky <https://github.com/theigor>, Daniel Roth <https://github.com/DaIgeb>
// Definitions by: Nathan Brown <https://github.com/ngbrown>, Igor Belagorudsky <https://github.com/theigor>, Ali Taheri Moghaddar <https://github.com/alitaheri>, Oliver Herrmann <https://github.com/herrmanno>, Daniel Roth <https://github.com/DaIgeb>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.2
@@ -531,6 +531,17 @@ declare namespace __MaterialUI {
vertical: vertical;
}
interface utils {
getWeekArray: (date: Date, firstDayOfWeek: number) => (Date | null)[][];
getYear: (date: Date) => number;
setYear: (date: Date, year: number) => Date;
addDays: (date: Date, days: number) => Date;
addMonths: (date: Date, months: number) => Date;
addYears: (date: Date, years: number) => Date;
getFirstDayOfMonth: (date: Date) => Date;
monthDiff: (date1: Date, date2: Date) => number;
}
type corners = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
type cornersAndCenter = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
}
@@ -869,7 +880,7 @@ declare namespace __MaterialUI {
namespace DatePicker {
interface DatePickerProps {
// <TextField/> is the element that get the 'other' properties
DateTimeFormat?: Intl.DateTimeFormat;
DateTimeFormat?: typeof Intl.DateTimeFormat;
autoOk?: boolean;
cancelLabel?: React.ReactNode;
container?: "dialog" | "inline";
@@ -916,13 +927,14 @@ declare namespace __MaterialUI {
underlineFocusStyle?: React.CSSProperties;
underlineShow?: boolean;
underlineStyle?: React.CSSProperties;
utils?: propTypes.utils;
}
export class DatePicker extends React.Component<DatePickerProps, {}> {
}
interface DatePickerDialogProps {
// <Container/> is the element that get the 'other' properties
DateTimeFormat?: Intl.DateTimeFormat;
DateTimeFormat?: typeof Intl.DateTimeFormat;
animation?: React.ComponentClass<Popover.PopoverAnimationProps>;
autoOk?: boolean;
cancelLabel?: React.ReactNode;
@@ -940,8 +952,11 @@ declare namespace __MaterialUI {
onShow?: () => void;
shouldDisableDate?: (day: Date) => boolean;
style?: React.CSSProperties;
utils?: propTypes.utils;
}
export class DatePickerDialog extends React.Component<DatePickerDialogProps, {}> {
public show(): void;
public dismiss(): void;
}
}
@@ -2051,6 +2066,11 @@ declare module 'material-ui/DatePicker' {
export default DatePicker;
}
declare module 'material-ui/DatePicker/DatePickerDialog' {
export import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog;
export default DatePickerDialog;
}
declare module 'material-ui/Dialog' {
export import Dialog = __MaterialUI.Dialog;
export default Dialog;

3
types/material-ui/material-ui-tests.tsx
View File

@@ -1244,12 +1244,11 @@ const DatePickerExampleDisableDates = () => (
</div>
);
let DateTimeFormat = new Intl.DateTimeFormat('fr');
const DatePickerExampleInternational = () => (
<div>
<DatePicker
hintText="fr locale"
DateTimeFormat={DateTimeFormat}
DateTimeFormat={Intl.DateTimeFormat}
okLabel="OK"
cancelLabel="Annuler"
locale="fr"