GrafanaUI: Show focus on selected date of the date picker (#93181)

packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/CalendarBody.tsx

@@ -99,7 +99,7 @@ export const getBodyStyles = (theme: GrafanaTheme2) => {
       fontSize: theme.typography.size.md,
       border: '1px solid transparent',
 
-      '&:hover': {
+      '&:hover, &:focus': {
         position: 'relative',
       },
 
@@ -157,7 +157,6 @@ export const getBodyStyles = (theme: GrafanaTheme2) => {
         color: theme.colors.primary.contrastText,
         fontWeight: theme.typography.fontWeightMedium,
         background: theme.colors.primary.main,
-        boxShadow: 'none',
         border: '0px',
       },
 

packages/grafana-ui/src/themes/GlobalStyles/elements.ts

@@ -275,7 +275,7 @@ export function getElementStyles(theme: GrafanaTheme2) {
     // 2. Correct font properties not being inherited.
     // 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
     'button, input, optgroup, select, textarea': {
-      borderRadius: theme.shape.radius.default,
+      borderRadius: 0,
       color: 'inherit',
       font: 'inherit',
       lineHeight: 'inherit',