@dialpad/dialtone/dist/vue3/recipes/conversation_view/time_pill/time_pill.vue.js

Dialpad's Dialtone design system monorepo

import { openBlock, createElementBlock, toDisplayString } from "vue";
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
const _sfc_main = {
  compatConfig: { MODE: 3 },
  name: "DtRecipeTimePill",
  props: {
    /**
     * Date time display value
     */
    dateTimeDisplay: {
      type: String,
      required: true
    },
    /**
     * Machine-readable attribute
     * Accepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD
     */
    dateTime: {
      type: String,
      required: true,
      validator: (t) => {
        const x = new Date(t);
        if (x instanceof Date && !isNaN(x)) {
          return true;
        }
        return false;
      }
    }
  }
};
const _hoisted_1 = ["dateTime"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return openBlock(), createElementBlock("time", {
    "data-qa": "dt-recipe-time-pill",
    dateTime: $props.dateTime,
    class: "d-recipe-time-pill"
  }, toDisplayString($props.dateTimeDisplay), 9, _hoisted_1);
}
const time_pill = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
  time_pill as default
};
//# sourceMappingURL=time_pill.vue.js.map