Solved: How to remove "Date & Time Range" from time picker...

bhavlik · ‎11-19-2020

I have a time picker in one of my dashboards and want the time picker to only display "Date Range". I have been successful in writing HTML code to remove all the other ones but cannot figure out how to get "Date & Time Range" to be removed as well.

Here is the code I have currently:

<html>
      <style>
         div[data-test-panel-id="presets"] {
             display: none;
         }
         div[data-test-panel-id="relative"] {
             display: none;
         }
         div[data-test-panel-id="dateandtimerange"] {
             display: none;
         }
         div[data-test-panel-id="realTime"] {
             display: none;
         }
         div[data-test-panel-id="advanced"] {
             display: none;
         }
      </style>
    </html>

I am assuming my name for "Date & Time Range" is incorrect but no clue as to how it should be written. Does anyone know what the panel id for that is?

ITWhisperer · ‎11-20-2020

         div[data-test-panel-id="dateTime"] {
             display: none;
         }

Open the timepicker then inspect the html - you can find the panel ids there

View solution in original post

ITWhisperer · ‎11-20-2020

         div[data-test-panel-id="dateTime"] {
             display: none;
         }

Open the timepicker then inspect the html - you can find the panel ids there

RanjiRaje · ‎03-03-2023

Was searching for this for past 2 days. thanks for the post.

bhavlik · ‎11-23-2020

Thank you!

How to remove "Date & Time Range" from time picker using HTML code?

.conf25 Registration is OPEN!

Detecting Cross-Channel Fraud with Splunk

Splunk at Cisco Live 2025: Learning, Innovation, and a Little Bit of Mr. Brightside

Are you a member of the Splunk Community?

How to remove "Date & Time Range" from time picker using HTML code?

.conf25 Registration is OPEN!

Detecting Cross-Channel Fraud with Splunk

Splunk at Cisco Live 2025: Learning, Innovation, and a Little Bit of Mr. Brightside