angularx flatpickr
Demo
Installation
Documentation
Basic demo
NgModel value: 2017-01-01
Model value as date
NgModel value: Sat May 10 2025 02:26:38 GMT+0000 (Coordinated Universal Time)
Date time picker
NgModel value: Sat May 10 2025 02:26:38 GMT+0000 (Coordinated Universal Time)
Multi date picker
NgModel value: Sat May 10 2025 02:26:38 GMT+0000 (Coordinated Universal Time),Tue May 20 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
Date range picker
NgModel value: { "from": "2025-05-10T02:26:38.740Z", "to": "2025-05-20T00:00:00.000Z" }
Time picker
NgModel value:
Inline picker
<
May
>
Sun
Mon
Tue
Wed
Thu
Fri
Sat
27
28
29
30
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
1
2
3
4
5
6
7
NgModel value: Sat May 10 2025 02:26:38 GMT+0000 (Coordinated Universal Time)
<
January
>
Sun
Mon
Tue
Wed
Thu
Fri
Sat
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
1
2
3
4
5
6
7
8
9
10
11
<
May
>
Sun
Mon
Tue
Wed
Thu
Fri
Sat
27
28
29
30
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
1
2
3
4
5
6
7
<
May
>
Sun
Mon
Tue
Wed
Thu
Fri
Sat
27
28
29
30
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
1
2
3
4
5
6
7
:
AM
<
May
>
Sun
Mon
Tue
Wed
Thu
Fri
Sat
27
28
29
30
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
1
2
3
4
5
6
7
<
May
>
Sun
Mon
Tue
Wed
Thu
Fri
Sat
27
28
29
30
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
1
2
3
4
5
6
7
:
PM
