TimePicker: Change timepicker calendar to use the correct background token (#105108)

change timepicker calendar to use the correct background token

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

@@ -109,7 +109,7 @@ export const getBodyStyles = (theme: GrafanaTheme2) => {
     }),
     body: css({
       zIndex: theme.zIndex.modal,
-      backgroundColor: theme.colors.background.primary,
+      backgroundColor: theme.colors.background.elevated,
       width: '268px',
 
       '.react-calendar__navigation': {

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

@@ -35,7 +35,7 @@ export const getStyles = (theme: GrafanaTheme2, isReversed = false) => {
       padding: theme.spacing(1),
       label: 'calendar',
       boxShadow: theme.shadows.z3,
-      backgroundColor: theme.colors.background.primary,
+      backgroundColor: theme.colors.background.elevated,
       border: `1px solid ${theme.colors.border.weak}`,
       borderRadius: theme.shape.radius.default,
     }),