Metronic | UI Components - Date & Time Pickers

THEME COLOR

Layout

Header

Top Menu Dropdown

Sidebar Mode

Sidebar Menu

Sidebar Style

Sidebar Position

Footer

Date & Time Pickers date, daterange, datetime, time & color pickers

Date Pickers

Default Datepicker

Select date

Disable Past Dates

Select date

Start With Years

Select date

Months Only

Select month only

Date Range

to

Select date range

Inline

	June 2025
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
JanFebMarAprMayJunJulAugSepOctNovDec
Today
Clear

	2020-2029
201920202021202220232024202520262027202820292030
Today
Clear

View Datepicker in modal

Datetime Pickers

Default Datetimepicker

Advance Datetimepicker

Meridian Format

Inline

	21 December 2012
15:0015:0515:1015:1515:2015:2515:3015:3515:4015:4515:5015:55
Today

	21 December 2012
0:001:002:003:004:005:006:007:008:009:0010:0011:0012:0013:0014:0015:0016:0017:0018:0019:0020:0021:0022:0023:00
Today

	December 2012
25	26	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
Today

	2012
JanFebMarAprMayJunJulAugSepOctNovDec
Today

	2010-2019
200920102011201220132014201520162017201820192020
Today

View Datetimepicker in modal

Time Pickers

Clockface Time Pickers

Daterangepickers

Color Pickers

Staff

8

Bob Nilson

Project Manager
Nick Larson

Art Director
3

Deon Hubert

CTO
Ella Wong

CEO

Customers

2

Lara Kunis

CEO, Loop Inc

Last seen 03:10 AM
new

Ernie Kyllonen

Project Manager,
SmartBizz PTL
Lisa Stone

CTO, Keort Inc

Last seen 13:10 PM
7

Deon Portalatin

CFO, H&D LTD
Irina Savikova

CEO, Tizda Motors Inc
4

Maria Gomez

Manager, Infomatic Inc

Last seen 03:10 AM

Bob Nilson 20:15 When could you send me the report ?

Ella Wong 20:15 Its almost done. I will be sending it shortly

Bob Nilson 20:15 Alright. Thanks! :)

Ella Wong 20:16 You are most welcome. Sorry for the delay.

Bob Nilson 20:17 No probs. Just take your time :)

Ella Wong 20:40 Alright. I just emailed it to you.

Bob Nilson 20:17 Great! Thanks. Will check it right away.

Ella Wong 20:40 Please let me know if you have any comment.

Bob Nilson 20:17 Sure. I will check and buzz you if anything needs to be corrected.

General

You have 4 pending tasks. Take action

Just now
Finance Report for year 2013 has been released.

20 mins
You have 5 pending membership that requires a quick review.

24 mins
New order received with Reference Number: DR23923

30 mins
You have 5 pending membership that requires a quick review.

24 mins
Web server hardware needs to be upgraded. Overdue

2 hours
IPO Report for year 2013 has been released.

20 mins

System

You have 4 pending tasks. Take action

Just now
Finance Report for year 2013 has been released.

20 mins
You have 5 pending membership that requires a quick review.

24 mins
New order received with Reference Number: DR23923

30 mins
You have 5 pending membership that requires a quick review.

24 mins
Web server hardware needs to be upgraded. Overdue

2 hours
IPO Report for year 2013 has been released.

20 mins

General Settings

Enable Notifications
ON OFF
Allow Tracking
ON OFF
Log Errors
ON OFF
Auto Sumbit Issues
ON OFF
Enable SMS Alerts
ON OFF

System Settings

Security Level
Failed Email Attempts
Secondary SMTP Port
Notify On System Error
ON OFF
Notify On SMTP Error
ON OFF

	18 June 2025
23:0023:0523:1023:1523:2023:2523:3023:3523:4023:4523:5023:55
Today

	18 June 2025
0:001:002:003:004:005:006:007:008:009:0010:0011:0012:0013:0014:0015:0016:0017:0018:0019:0020:0021:0022:0023:00
Today

	June 2025
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

	2025
JanFebMarAprMayJunJulAugSepOctNovDec
Today

	2020-2029
201920202021202220232024202520262027202820292030
Today

	21 December 2012
15:0015:0515:1015:1515:2015:2515:3015:3515:4015:4515:5015:55
Today

	21 December 2012
0:001:002:003:004:005:006:007:008:009:0010:0011:0012:0013:0014:0015:0016:0017:0018:0019:0020:0021:0022:0023:00
Today

	December 2012
25	26	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
Today

	2012
JanFebMarAprMayJunJulAugSepOctNovDec
Today

	2010-2019
200920102011201220132014201520162017201820192020
Today

	18 June 2025
23:0023:0523:1023:1523:2023:2523:3023:3523:4023:4523:5023:55
Today

	18 June 2025
0:001:002:003:004:005:006:007:008:009:0010:0011:0012:0013:0014:0015:0016:0017:0018:0019:0020:0021:0022:0023:00
Today

	June 2025
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

	2025
JanFebMarAprMayJunJulAugSepOctNovDec
Today

	2020-2029
201920202021202220232024202520262027202820292030
Today

	21 December 2012
15:0015:0515:1015:1515:2015:2515:3015:3515:4015:4515:5015:55
Today

	21 December 2012
0:001:002:003:004:005:006:007:008:009:0010:0011:0012:0013:0014:0015:0016:0017:0018:0019:0020:0021:0022:0023:00
Today

	December 2012
25	26	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
Today

	2012
JanFebMarAprMayJunJulAugSepOctNovDec
Today

	2010-2019
200920102011201220132014201520162017201820192020
Today

	21 December 2012
PM3:003:053:103:153:203:253:303:353:403:453:503:55
Today

	21 December 2012
AM121234567891011 PM121234567891011
Today

	December 2012
25	26	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
Today

	2012
JanFebMarAprMayJunJulAugSepOctNovDec
Today

	2010-2019
200920102011201220132014201520162017201820192020
Today

	21 December 2012
PM3:003:053:103:153:203:253:303:353:403:453:503:55
Today

	21 December 2012
AM121234567891011 PM121234567891011
Today

	December 2012
25	26	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
Today

	2012
JanFebMarAprMayJunJulAugSepOctNovDec
Today

	2010-2019
200920102011201220132014201520162017201820192020
Today

	Jun 2025
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

	May 2025
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

	Jun 2025
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

	May 2025
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


W	Mo	Tu	We	Th	Fr	Sa	Su
22	26	27	28	29	30	31	1
23	2	3	4	5	6	7	8
24	9	10	11	12	13	14	15
25	16	17	18	19	20	21	22
26	23	24	25	26	27	28	29
27	30	1	2	3	4	5	6


W	Mo	Tu	We	Th	Fr	Sa	Su
18	28	29	30	1	2	3	4
19	5	6	7	8	9	10	11
20	12	13	14	15	16	17	18
21	19	20	21	22	23	24	25
22	26	27	28	29	30	31	1
23	2	3	4	5	6	7	8

Custom Range

From

To

Features

More