# Change date format in timepicker from 24 hr to 12 hour

**URL:** https://discuss.elastic.co/t/change-date-format-in-timepicker-from-24-hr-to-12-hour/270108
**Category:** Kibana
**Created:** [April 14, 2021, 12:01pm UTC](https://discuss.elastic.co/t/change-date-format-in-timepicker-from-24-hr-to-12-hour/270108 "2021-04-14T12:01:51Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![fidsamurai](https://avatars.discourse-cdn.com/v4/letter/f/a5b964/32.png) [@fidsamurai](https://discuss.elastic.co/u/fidsamurai)
#### Post date: [April 14, 2021, 12:01pm UTC](https://discuss.elastic.co/t/change-date-format-in-timepicker-from-24-hr-to-12-hour/270108/1 "2021-04-14T12:01:51Z")

</div>

Hi,

I would like to change the time format in the date-picker in Discover, Visualizations and Dashboards from 24 hours to 12 hours eg. currently it's 15:30 16:00.... I would like it to show as 3:30 pm 4:00pm.

Could someone help with this customisation please?

---

<div class="post-metadata">

### Author: ![AClerk](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/aclerk/32/55297_2.png) [@AClerk](https://discuss.elastic.co/u/AClerk)
#### Post date: [April 15, 2021, 12:07am UTC](https://discuss.elastic.co/t/change-date-format-in-timepicker-from-24-hr-to-12-hour/270108/2 "2021-04-15T00:07:23Z")

</div>

You need to change the format in the index pattern.

---

<div class="post-metadata">

### Author: ![fidsamurai](https://avatars.discourse-cdn.com/v4/letter/f/a5b964/32.png) [@fidsamurai](https://discuss.elastic.co/u/fidsamurai)
#### Post date: [April 15, 2021, 4:04am UTC](https://discuss.elastic.co/t/change-date-format-in-timepicker-from-24-hr-to-12-hour/270108/3 "2021-04-15T04:04:14Z")

</div>

Hi @AClerk,

I tried your suggestion for @timestamp but it doesn't seem to have worked, I also tried changing the settings in Stack Management -\> Kibana -\> Advanced Settings -\> dateFormat:scaled and DateFormat but the time picker still uses a 24 hour format.

![FormatChange](https://us1.discourse-cdn.com/elastic/original/3X/1/2/126c2800e303c3fd6c275e0a668ee97029f6c91e.jpeg)

The time format in the black box is what I'm trying to change

Anything I've missed or anything else I should try?

---

<div class="post-metadata">

### Author: ![AClerk](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/aclerk/32/55297_2.png) [@AClerk](https://discuss.elastic.co/u/AClerk)
#### Post date: [April 16, 2021, 1:08am UTC](https://discuss.elastic.co/t/change-date-format-in-timepicker-from-24-hr-to-12-hour/270108/4 "2021-04-16T01:08:32Z")

</div>

I thought you wanted to format one of your fields.  
AFAIK, this is not supported in Kibana.

---

<div class="post-metadata">

### Author: ![fidsamurai](https://avatars.discourse-cdn.com/v4/letter/f/a5b964/32.png) [@fidsamurai](https://discuss.elastic.co/u/fidsamurai)
#### Post date: [April 16, 2021, 5:46am UTC](https://discuss.elastic.co/t/change-date-format-in-timepicker-from-24-hr-to-12-hour/270108/5 "2021-04-16T05:46:19Z")

</div>

Hi @AClerk,

I realised that I'd forgotten the screenshot only after your reply.  
Sorry for the confusion.

That's what I'm afraid of I've been going through the source code as well trying to figure out whether I could make the customisation there.

Thanks for your replies anyways!

---

<div class="post-metadata">

### Author: ![fidsamurai](https://avatars.discourse-cdn.com/v4/letter/f/a5b964/32.png) [@fidsamurai](https://discuss.elastic.co/u/fidsamurai)
#### Post date: [April 21, 2021, 6:41am UTC](https://discuss.elastic.co/t/change-date-format-in-timepicker-from-24-hr-to-12-hour/270108/6 "2021-04-21T06:41:53Z")

</div>

My boss is insisting that we somehow customise the time picker to 12 hour format.  
Could someone help me with whatever code level changes I would need to do for the same?  
Obviously this will be done at our risk and no blame will be appropriated to Elastic.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [May 19, 2021, 6:42am UTC](https://discuss.elastic.co/t/change-date-format-in-timepicker-from-24-hr-to-12-hour/270108/7 "2021-05-19T06:42:46Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
