Date/time picker cut off when increased font size

Received feedback from users that the default 12px font size is too small, so I’ve increased to 14px across all our apps. This has worked fine for the most part, except that the time picker on the date/time component is trimming the am/pm text off the end. I’ve increased the width of the component but that doesn’t help.

Changing “body” font size from theme typography back to 12px seems to solve this - seems while other input components have a customizable “dropdown font” customization option, the date/time and time components both simply use the body font.

Would be great if…

  1. The time and date/time components supported customization of dropdown font size like other components do
  2. The time and date/time components automatically adjusted the width of the dropdown so values are not trimmed when font size is increased
1 Like