@grafana/ui/dist/esm/components/DateTimePickers/TimeRangePicker/TimeRangeLabel.mjs

Grafana Components Library

import { jsx } from 'react/jsx-runtime';
import { css } from '@emotion/css';
import { memo } from 'react';
import { useStyles2 } from '../../../themes/ThemeContext.mjs';
import { TimePickerButtonLabel } from '../TimeRangePicker.mjs';
import { isValidTimeRange } from '../utils.mjs';

"use strict";
const TimeRangeLabel = memo(function TimePickerLabel({
  hideText,
  value,
  timeZone = "browser",
  placeholder = "No time range selected",
  className
}) {
  const styles = useStyles2(getLabelStyles);
  if (hideText) {
    return null;
  }
  return /* @__PURE__ */ jsx("span", { className, children: isValidTimeRange(value) ? /* @__PURE__ */ jsx(TimePickerButtonLabel, { value, timeZone }) : /* @__PURE__ */ jsx("span", { className: styles.placeholder, children: placeholder }) });
});
const getLabelStyles = (theme) => {
  return {
    placeholder: css({
      color: theme.colors.text.disabled,
      opacity: 1
    })
  };
};

export { TimeRangeLabel };
//# sourceMappingURL=TimeRangeLabel.mjs.map