forked from mui/material-ui
-
Notifications
You must be signed in to change notification settings - Fork 2
/
ParsingDates.jsx
47 lines (41 loc) · 1.42 KB
/
ParsingDates.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
import React from 'react';
import { Typography } from '@material-ui/core';
const ParsingDates = () => (
<div>
<Typography variant="h2" gutterBottom>
Parsing dates
</Typography>
<Typography gutterBottom variant="body1">
Material-UI pickers rely on the date management library when the date
should be parsed. For any prop-types, that accept actually the date (e.g.
<span className="inline-code"> minDate </span>,
<span className="inline-code"> maxDate </span>) accept string, number,
Date object and so on.
</Typography>
<Typography variant="body1">
Find more information about parsing dates in docs for your library:
</Typography>
<ul>
<li>
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#Several_ways_to_create_a_Date_object">
date-fns
</a>
</li>
<li>
<a href="https://moment.github.io/luxon/docs/manual/parsing.html">
luxon
</a>
</li>
<li>
<a href="https://momentjs.com/docs/#/parsing/">moment</a>
</li>
</ul>
<Typography gutterBottom variant="h6">
Pass any value to the picker, and if it won`t be parsed as expected feel
free to open issue on our{' '}
<a href="https://github.com/dmtrKovalenko/material-ui-pickers">github</a>{' '}
😎
</Typography>
</div>
);
export default ParsingDates;