Internationalization: Translate CalendarFooter component (#58326)

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

@@ -4,6 +4,7 @@ import React from 'react';
 import { GrafanaTheme2 } from '@grafana/data';
 
 import { useStyles2 } from '../../../themes';
+import { Trans } from '../../../utils/i18n';
 import { Button } from '../../Button';
 
 import { TimePickerCalendarProps } from './TimePickerCalendar';
@@ -14,10 +15,10 @@ export function Footer({ onClose, onApply }: TimePickerCalendarProps) {
   return (
     <div className={styles.container}>
       <Button className={styles.apply} onClick={onApply}>
-        Apply time range
+        <Trans i18nKey="time-picker.calendar.apply-button">Apply time range</Trans>
       </Button>
       <Button variant="secondary" onClick={onClose}>
-        Cancel
+        <Trans i18nKey="time-picker.calendar.cancel-button">Cancel</Trans>
       </Button>
     </div>
   );

public/locales/de-DE/grafana.json

@@ -413,6 +413,8 @@
       "title": "Absoluter Zeitbereich"
     },
     "calendar": {
+      "apply-button": "",
+      "cancel-button": "",
       "select-time": ""
     },
     "time-range": {

public/locales/en-US/grafana.json

@@ -413,6 +413,8 @@
       "title": "Absolute time range"
     },
     "calendar": {
+      "apply-button": "Apply time range",
+      "cancel-button": "Cancel",
       "select-time": "Select a time range"
     },
     "time-range": {

public/locales/es-ES/grafana.json

@@ -413,6 +413,8 @@
       "title": "Intervalo de tiempo absoluto"
     },
     "calendar": {
+      "apply-button": "",
+      "cancel-button": "",
       "select-time": ""
     },
     "time-range": {

public/locales/fr-FR/grafana.json

@@ -413,6 +413,8 @@
       "title": "Période temporelle absolue"
     },
     "calendar": {
+      "apply-button": "",
+      "cancel-button": "",
       "select-time": ""
     },
     "time-range": {

public/locales/pseudo-LOCALE/grafana.json

@@ -413,6 +413,8 @@
       "title": "Åþşőľūŧę ŧįmę řäʼnģę"
     },
     "calendar": {
+      "apply-button": "Åppľy ŧįmę řäʼnģę",
+      "cancel-button": "Cäʼnčęľ",
       "select-time": "Ŝęľęčŧ ä ŧįmę řäʼnģę"
     },
     "time-range": {

public/locales/zh-Hans/grafana.json

@@ -413,6 +413,8 @@
       "title": "绝对时间范围"
     },
     "calendar": {
+      "apply-button": "",
+      "cancel-button": "",
       "select-time": ""
     },
     "time-range": {