@grafana/ui/dist/cjs/components/DateTimePickers/TimeRangePicker/TimeRangeLabel.cjs

Grafana Components Library

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var css = require('@emotion/css');
var React = require('react');
var ThemeContext = require('../../../themes/ThemeContext.cjs');
var TimeRangePicker = require('../TimeRangePicker.cjs');
var utils = require('../utils.cjs');

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

exports.TimeRangeLabel = TimeRangeLabel;
//# sourceMappingURL=TimeRangeLabel.cjs.map