Materio
English
French
Arabic
German
Light
Dark
System
Shortcuts
Calendar
Appointments
Invoice App
Manage Accounts
User App
Manage Users
Role Management
Permission
Dashboard
Analytics
Setting
Account Settings
FAQs
FAQs & Articles
Modals
Useful Popups
Notification
8 New
Congratulation Lettie 🎉
Won the monthly best seller gold badge
1h ago
CF
Charles Franklin
Accepted your connection
12hr ago
New Message ✉️
You have new message from Natalie
1h ago
Whoo! You have new order 🛒
ACME Inc. made new order $1,154
1 day ago
Application has been approved 🚀
Your ABC project application has been approved.
2 days ago
Monthly report is generated
July monthly financial report is generated
3 days ago
Send connection request
Peter sent you connection request
4 days ago
New message from Jane
Your have new message from Jane
5 days ago
CPU is running high
CPU Utilization Percent is currently at 88.63%,
5 days ago
View all notifications
John Doe
Admin
My Profile
Settings
Billing
4
Pricing
FAQ
Logout
Flatpickr
Date Picker
Time Picker
Datetime Picker
Multiple Dates Picker
Range Picker
Human Friendly Date Picker
Disabled Range
June
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
1
2
3
4
5
6
7
8
9
10
11
12
Inline Picker
Bootstrap Datepicker
Basic
Format
Auto Close
Disabled Days
Multidate
Options
Date Range
to
Inline
«
June 2025
»
Su
Mo
Tu
We
Th
Fr
Sa
25
26
27
28
29
30
31
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
1
2
3
4
5
Today
Clear
«
2025
»
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
Today
Clear
«
2020-2029
»
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
Today
Clear
«
2000-2090
»
1990
2000
2010
2020
2030
2040
2050
2060
2070
2080
2090
2100
Today
Clear
«
2000-2900
»
1900
2000
2100
2200
2300
2400
2500
2600
2700
2800
2900
3000
Today
Clear
Bootstrap Daterange Picker
Basic
Single Picker
With Time Picker
Ranges
Week Numbers
Month & Year Dropdown
jQuery Timepicker
Basic
Min-Max
Disabled Times
Format
Step
24 Hours Format
Color Picker
Classic
Monolith
Nano
Buy Now
June
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
1
2
3
4
5
6
7
8
9
10
11
12
:
PM
January
February
March
April
May
June
July
August
September
October
November
December
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
1
2
3
4
5
6
7
8
9
10
11
12
:
PM
June
July
August
September
October
November
December
Wk
23
24
25
26
27
28
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
1
2
3
4
5
6
7
8
9
10
11
12
:
PM
January
February
March
April
May
June
July
August
September
October
November
December
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
1
2
3
4
5
6
7
8
9
10
11
12
January
February
March
April
May
June
July
August
September
October
November
December
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
1
2
3
4
5
6
7
8
9
10
11
12
January
February
March
April
May
June
July
August
September
October
November
December
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
1
2
3
4
5
6
7
8
9
10
11
12
Template Customizer
Customize and preview in real time
Theming
Style (Mode)
Light
Dark
System
Themes
Default
Bordered
Semi Dark
Layout
Header Types
Fixed
Static
Content
Compact
Wide
Direction
Left to Right (En)
Right to Left (Ar)
Cancel
Apply
Cancel
Apply
Cancel
Apply
Today
Yesterday
Last 7 Days
Last 30 Days
This Month
Last Month
Custom Range
Cancel
Apply
Cancel
Apply
Cancel
Apply