Is there any way to hide the arrows in timepicker in reactive ?
Hi,
Just write this css in your block or screen level css which is having the time picker.
.numInputWrapper span:after {
display: none !important;
content: "";
position: absolute;
}
Attaching OML for reference. check the timepicker screen.
hope it helps.
Thanks
Can I hide the arrow boxes as well ?doing this, will solve the Issues!
.flatpickr-calendar .numInputWrapper span:active, .flatpickr-calendar .numInputWrapper span:hover
{
background: transparent ;
add this class in your style sheet
Great! This solves the issue!
yes i have done this using the css. just add display: none; property to your date picker class.
Please share screenshot or something like which timepicker you have used.
mostly the icon is present on the ::after css.
Is the input filed must be text ?
savvas can you give the url. so i can check the class and send to you
also give me a screenshot for which arrow you want to hide.