I want to remove Date Range and Date & Time Range options from the time selection box. I have tried using
div[id^='daterange_view']
div[id^='dateandtimerange_view']
{
display: none;
}
I have highlighted the part I want to remove:
but no use on it.
Can anyone please help me to do it.
@karthi25, try the following CSS Override.
<html depends="$alwaysHideCSS$">
<panel>
<style>
div[id^="daterange_view"],div[id^="dateandtimerange_view"]{
visibility:hidden !important;
}
</style>
</panel>
</html>
@karthi25, try the following CSS Override.
<html depends="$alwaysHideCSS$">
<panel>
<style>
div[id^="daterange_view"],div[id^="dateandtimerange_view"]{
visibility:hidden !important;
}
</style>
</panel>
</html>
Adding one more setting to reduce the height of time picker dialog:
.shared-timerangepicker-dialog {
height: 300px !important;
}