@trackunit/react-date-and-time-components 0.0.1

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@trackunit/react-date-and-time-components",
+  "version": "0.0.1",
+  "repository": "https://github.com/Trackunit/manager",
+  "license": "SEE LICENSE IN LICENSE.txt",
+  "engines": {
+    "node": ">=20.x"
+  },
+  "dependencies": {
+    "react-day-picker": "^8.9.1",
+    "@trackunit/react-date-and-time-hooks": "*",
+    "date-fns": "^2.30.0"
+  },
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js"
+}

package/src/DayPicker/DayPicker.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { Matcher } from "react-day-picker";
+import { CommonProps } from "@trackunit/react-components";
+export interface DayPickerProps extends CommonProps {
+    /**
+     * A callback function for when a date is selected
+     */
+    onDaySelect?: (day: Date) => void;
+    /**
+     * Define any days which may not be selected
+     */
+    disabledDays?: Matcher | Matcher[];
+    /**
+     * Set any days which are selected
+     */
+    selectedDays?: Matcher | Matcher[];
+    /**
+     * Set the language
+     */
+    language: string;
+    /**
+     * The maximum amount of days that can be selected
+     */
+    max?: number;
+}
+/**
+ * The DayPicker component is used when the user needs to select a date.
+ 
+ * @param {DayPickerProps} props - The props for the DayPicker component
+ * @returns {JSX.Element} DayPicker component
+ */
+export declare const DayPicker: ({ onDaySelect, disabledDays, selectedDays, language, className, dataTestId, max, }: DayPickerProps) => JSX.Element;

package/src/DayPicker/DayRangePicker.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { CommonProps } from "@trackunit/react-components";
+import { DateRange, Matcher } from "react-day-picker";
+import { TimeZone } from "./index";
+export interface ShowQuickOption {
+    /**
+     * Number of days of historical data that customer can view - info should come from useUserSubscription hook
+     */
+    dataRetention: number;
+}
+export type IDateRange = DateRange;
+export interface DayRangePickerProps extends CommonProps {
+    /**
+     * A callback function for when a range is selected
+     */
+    onRangeSelect?: (range: IDateRange | undefined) => void;
+    /**
+     * Define any days which may not be selected
+     */
+    disabledDays?: Matcher | Matcher[];
+    /**
+     * Set any days which are selected
+     */
+    selectedDays?: IDateRange;
+    /**
+     * Set the language
+     */
+    language: string;
+    /**
+     * The maximum amount of days that can be selected
+     */
+    max?: number;
+    /**
+     * Display quick options buttons above calendar which will preselect date range
+     */
+    showQuickOptions?: ShowQuickOption;
+    /**
+     * Shown time ranges will take timezone into consideration
+     */
+    timezone?: TimeZone;
+    /**
+     * Callback for closing component view
+     */
+    onClose?: () => void;
+}
+/**
+ * The DayRangePicker component should be used when the user needs to select a range of dates.
+ *
+ * @param {DayRangePickerProps} props - The props for the DayRangePicker component
+ * @returns {JSX.Element} DayRangePicker component
+ */
+export declare const DayRangePicker: ({ onRangeSelect, selectedDays, disabledDays, dataTestId, language, className, max, showQuickOptions, timezone, onClose, }: DayRangePickerProps) => JSX.Element;

package/src/DayPicker/DayRangePicker.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Meta, StoryObj } from "@storybook/react";
+import { DayRangePicker } from "./DayRangePicker";
+type Story = StoryObj<typeof DayRangePicker>;
+declare const meta: Meta<typeof DayRangePicker>;
+export default meta;
+export declare const Default: Story;
+export declare const packageName: () => JSX.Element;
+export declare const DefaultSDA: () => JSX.Element;
+export declare const VariantWithMax: () => JSX.Element;
+export declare const VariantWithDisabledDays: () => JSX.Element;
+export declare const VariantWithQuickButtons: () => JSX.Element;

package/src/DayPicker/DayRangePickerPopover.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { ButtonVariant, CommonProps, PopoverPlacement, Size } from "@trackunit/react-components";
+import { Matcher } from "react-day-picker";
+import { IDateRange, ShowQuickOption } from "./DayRangePicker";
+import { TimeZone } from "./index";
+interface DayRangePickerPopoverProps extends CommonProps {
+    interval: IDateRange;
+    showQuickOptions?: ShowQuickOption;
+    disabledDays?: Matcher | Matcher[];
+    onRangeSelect: (range: IDateRange) => void;
+    placement?: PopoverPlacement;
+    variant?: ButtonVariant;
+    size?: Size;
+    fullwidth?: boolean;
+    /**
+     * Shown time ranges will take timezone into consideration
+     */
+    timezone?: TimeZone;
+    /** An element to use as the portal root for the popover component */
+    bindTo?: HTMLElement;
+    buttonContent: JSX.Element;
+    max?: number;
+    disabled?: boolean;
+}
+/**
+ * A popover to select a range of dates. Consider providing quick options.
+ * quickOptions takes optional "includeExtraDay". This is because customers often want to see 8 days when selecting "week" so they can compare this monday to last weeks monday. Same goes for months. This option will not impact the label of the button.
+ *
+ * @param { DayRangePickerPopoverProps} props - The properties for the DayRangePickerPopover component.
+ * @param props.interval initial date range
+ * @param props.showQuickOptions display additional buttons for quick date range selection
+ * @param props.disabledDays disable days from selecting possibility
+ * @param props.className custom className to be added to the component
+ * @param props.dataTestId id used for tests
+ * @param props.onRangeSelect hook function to handle applied date range
+ * @param props.variant popover button variant
+ * @param props.size popover button size
+ * @param props.placement popover button placement
+ * @param props.timezone timezone for DayRangePicker
+ * @param props.fullwidth popover button fill width
+ * @param props.buttonContent popover button content
+ * @param props.max The maximum amount of days that can be selected
+ * @param props.disabled disabling popover button
+ */
+export declare const DayRangePickerPopover: ({ interval, showQuickOptions, disabledDays, className, dataTestId, onRangeSelect, variant, size, placement, timezone, fullwidth, bindTo, buttonContent, max, disabled, }: DayRangePickerPopoverProps) => JSX.Element;
+export {};

package/src/DayPicker/index.d.ts

@@ -0,0 +1,21 @@
+export interface TimeZone {
+    /**
+     * The unique id of the timezone
+     *
+     * @example "America/Denver"
+     */
+    id: string;
+    /**
+     * The human-readable name of the timezone. Combines id and offset.
+     *
+     * @example "America/Denver (-06:00 MDT)"
+     */
+    name: string;
+    /**
+     * @example "-06:00 MDT"
+     */
+    offset: string;
+}
+export * from "./DayPicker";
+export * from "./DayRangePicker";
+export * from "./DayRangePickerPopover";

package/src/DayPicker/useLocale.d.ts

@@ -0,0 +1,8 @@
+import { Locale } from "date-fns";
+/**
+ * A helper function to get the matching Locale object for a given language.
+ *
+ * @param {string} language The language to match
+ * @returns {Locale} The corresponding Locale object
+ */
+export declare const useLocale: (language: string) => Locale;

package/src/dateTime/DateTime.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { TemporalFormat } from "@trackunit/date-and-time-utils";
+import { TimeZone } from "../DayPicker";
+export interface DateTimeProps {
+    value: Date | string | number | null | undefined;
+    format?: TemporalFormat;
+    className?: string;
+    fromNow?: boolean;
+    withTitle?: boolean;
+    titleFormat?: TemporalFormat;
+    timezone?: TimeZone;
+    subtle?: boolean;
+    calendar?: boolean | object;
+}
+export declare const MS_PER_HOUR: number;
+/**
+ * DateTime component
+ *
+ * @param { DateTimeProps } props - The properties for the DateTime component.
+ * @param props.value Date | string | number | null | undefined
+ * @param props.format DateTimeFormat | TemporalFormat | string
+ * @param props.className string
+ * @param props.fromNow boolean
+ * @param props.withTitle boolean
+ * @param props.titleFormat string
+ * @param props.timezone TimeZone
+ * @param props.subtle boolean
+ * @param props.calendar boolean | object
+ */
+export declare const DateTime: ({ value, format, className, fromNow, withTitle, titleFormat, timezone, subtle, calendar, }: DateTimeProps) => JSX.Element;

package/src/dateTime/DateTime.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Meta, StoryObj } from "@storybook/react";
+import { DateTime } from "./DateTime";
+type Story = StoryObj<typeof DateTime>;
+declare const meta: Meta<typeof DateTime>;
+export default meta;
+export declare const packageName: () => JSX.Element;
+export declare const Default: Story;

package/src/dateTime/DateTimeHumanized.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface RelativeDateTimeProps {
+    value: Date | string | number | null | undefined;
+}
+/**
+ * DateTimeHumanized component
+ *
+ * @param { RelativeDateTimeProps } props - The properties for the DateTimeHumanized component.
+ * @param props.value Date | string | number | null | undefined
+ */
+export declare const DateTimeHumanized: ({ value }: RelativeDateTimeProps) => JSX.Element;

package/src/dateTime/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DateTime";
+export * from "./DateTimeHumanized";

package/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./dateTime";
+export * from "./DayPicker";

package/src/translation.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { NamespaceTransProps, TransForLibs, TranslationResource } from "@trackunit/i18n-library-translation";
+import defaultTranslations from "./locales/en/translation.json";
+/** A type for all available translation keys in this library */
+export type TranslationKeys = keyof typeof defaultTranslations;
+/** The translation namespace for this library */
+export declare const namespace = "date-and-time.date-and-time-components";
+/**
+ * The TranslationResource for this Library.
+ * Holds lazy loaded imports for all languages supported by the library.
+ *
+ * This is used to register the translations for this library before initializing i18next.
+ */
+export declare const translations: TranslationResource<TranslationKeys>;
+/**
+ *  Local useTranslation for this specific library
+ */
+export declare const useTranslation: () => [TransForLibs<"dateTime.instant.now" | "dayRangePickerPopover.icon.tooltip.calendar" | "layout.actions.apply" | "layout.actions.cancel" | "layout.actions.clear" | "shared.timePeriods.days" | "shared.timePeriods.days_plural" | "shared.timePeriods.hours" | "shared.timePeriods.hours_plural" | "shared.timePeriods.months" | "shared.timePeriods.months_plural" | "shared.timePeriods.today" | "shared.timePeriods.weeks" | "shared.timePeriods.weeks_plural">, import("i18next").i18n, boolean] & {
+    t: TransForLibs<"dateTime.instant.now" | "dayRangePickerPopover.icon.tooltip.calendar" | "layout.actions.apply" | "layout.actions.cancel" | "layout.actions.clear" | "shared.timePeriods.days" | "shared.timePeriods.days_plural" | "shared.timePeriods.hours" | "shared.timePeriods.hours_plural" | "shared.timePeriods.months" | "shared.timePeriods.months_plural" | "shared.timePeriods.today" | "shared.timePeriods.weeks" | "shared.timePeriods.weeks_plural">;
+    i18n: import("i18next").i18n;
+    ready: boolean;
+};
+/**
+ * Type of the t function for the local useTranslation for this specific library
+ */
+export type TranslationFunction = TransForLibs<TranslationKeys>;
+/**
+ * Trans for this specific library.
+ */
+export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => JSX.Element;
+/**
+ * Registers the translations for this library
+ */
+export declare const setupLibraryTranslations: () => void;

package/translation.cjs.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs10.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs11.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs12.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs13.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs14.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs15.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs16.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs17.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs2.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs3.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs4.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs5.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs6.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs7.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;

package/translation.cjs8.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var translation = {
+	"dateTime.instant.now": "Now",
+	"dayRangePickerPopover.icon.tooltip.calendar": "Calendar",
+	"layout.actions.apply": "Apply",
+	"layout.actions.cancel": "Cancel",
+	"layout.actions.clear": "Clear",
+	"shared.timePeriods.days": "{{count}} day",
+	"shared.timePeriods.days_plural": "{{count}} days",
+	"shared.timePeriods.hours": "{{count}} hour",
+	"shared.timePeriods.hours_plural": "{{count}} hours",
+	"shared.timePeriods.months": "{{count}} month",
+	"shared.timePeriods.months_plural": "{{count}} months",
+	"shared.timePeriods.today": "Today",
+	"shared.timePeriods.weeks": "{{count}} week",
+	"shared.timePeriods.weeks_plural": "{{count}} weeks"
+};
+
+exports["default"] = translation;