@webitel/ui-datalist 1.0.70 → 1.0.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.70",
+  "version": "1.0.72",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && ( npm run lint:fix || true) && (npm run build:types || true) && npm run utils:publish",

package/src/modules/filters/components/table-filters-panel.vue

@@ -179,10 +179,12 @@ https://webitel.atlassian.net/browse/WTEL-7014
 Clear filters button should be active only if filters are defined in the table-filter-panel. Excluding the search filter
 **/
 
-const listSelectedFilters = computed(()=>
-  new Map([...props.filtersManager.filters].filter(([key]) => props.filterOptions.includes(key))));
+const listSelectedFilters = computed(()=> {
+  const filterOptionsKeys = props.filterOptions.map(filter => typeof filter === 'string' ? filter : filter.name);
+  return new Map([...props.filtersManager.filters].filter(([key]) => filterOptionsKeys.includes(key)));
+});
 
-const presetStore = props.usePresetsStore ? props.usePresetsStore() : null
+const presetStore = props.usePresetsStore ? props.usePresetsStore() : null;
 
 const handleResetFilters = () => {
   emit('filter:reset-all')
@@ -207,8 +209,8 @@ const handleResetFilters = () => {
 }
 .table-filters-panel--dynamic-filters {
   display: flex;
-  gap: var(--spacing-sm);
   flex-wrap: wrap;
+  gap: var(--spacing-sm);
 }
 
 .table-filters-panel--static-filters {

package/src/modules/filters/modules/filterConfig/components/_shared/date-time-filter/date-time-options/date-time-options-filter-value-field.vue

@@ -68,6 +68,7 @@ const showDatepickers = computed(() => {
 });
 
 const handleRadioChange = (value: RelativeDatetimeValue) => {
+  selectedRadioValue.value = value;
   if (value === RelativeDatetimeValue.Custom) {
     model.value = {
       from: startOfToday().getTime(),

package/src/modules/filters/modules/filterConfig/components/contact-group/contact-group-filter-value-field.vue

@@ -76,8 +76,18 @@ const v$ =  useVuelidate(
     { $autoDirty: true }
 );
 
+const initModel = () => {
+  if (!model.value) {
+    model.value = {
+      list: [],
+      unassigned: null,
+    };
+  }
+};
+
 onMounted(() => {
   if(!props?.disableValidation) v$.value.$touch();
+  initModel();
 });
 
 watch(

package/src/modules/filters/modules/filterConfig/components/index.ts

@@ -5,6 +5,8 @@ import {
   FilterOption,
   FilterOptionName,
 } from '../enums/FilterOption';
+import DateTimeOptionsFilterValueField from './_shared/date-time-filter/date-time-options/date-time-options-filter-value-field.vue';
+import DateTimeOptionsFilterValuePreview from './_shared/date-time-filter/date-time-options/date-time-options-filter-value-preview.vue';
 import AgentFilter from './agent/agent-filter-value-field.vue';
 import AgentFilterPreview from './agent/agent-filter-value-preview.vue';
 import { searchMethod as agentSearchMethod } from './agent/config';
@@ -60,11 +62,9 @@ import ContactGroupFilterPreview from './contact-group/contact-group-filter-valu
 import { createContactLabelFilterConfig } from './contact-label';
 import ContactLabelFilter from './contact-label/contact-label-filter-value-field.vue';
 import ContactLabelFilterPreview from './contact-label/contact-label-filter-value-preview.vue';
-import { createContactOwnerFilterConfig } from './contact-owner'
-import ContactOwnerFilter from "./contact-owner/contact-owner-filter-value-field.vue";
-import ContactOwnerFilterPreview from "./contact-owner/contact-owner-filter-value-preview.vue";
-import CreatedAtFilterValueField from './created-at/created-at-filter-value-field.vue';
-import CreatedAtFilterPreview from './created-at/created-at-filter-value-preview.vue';
+import { createContactOwnerFilterConfig } from './contact-owner';
+import ContactOwnerFilter from './contact-owner/contact-owner-filter-value-field.vue';
+import ContactOwnerFilterPreview from './contact-owner/contact-owner-filter-value-preview.vue';
 import { searchMethod as gatewaySearchMethod } from './gateway/config';
 import GatewayFilter from './gateway/gateway-filter-value-field.vue';
 import GatewayFilterPreview from './gateway/gateway-filter-value-preview.vue';
@@ -151,7 +151,7 @@ export {
   ContactLabelFilterPreview,
   ContactOwnerFilter,
   ContactOwnerFilterPreview,
-  CreatedAtFilterValueField,
+  DateTimeOptionsFilterValueField,
   GatewayFilter,
   GatewayFilterPreview,
   GranteeFilter,
@@ -214,7 +214,7 @@ export const FilterOptionToValueComponentMap: Record<
   [FilterOption.HasUser]: HasUserFilter,
   [FilterOption.User]: UserFilter,
   [FilterOption.Variable]: VariableFilter,
-  [FilterOption.CreatedAt]: CreatedAtFilterValueField,
+  [FilterOption.CreatedAt]: DateTimeOptionsFilterValueField,
   [FilterOption.CaseStatus]: CaseStatusFilterValueField,
   [FilterOption.CaseSource]: CaseSourceFilterValueField,
   [FilterOption.CaseService]: CaseServiceFilterValueField,
@@ -238,7 +238,7 @@ export const FilterOptionToPreviewComponentMap: Record<
   FilterOptionName,
   Component
 > = {
-  [FilterOption.CreatedAt]: CreatedAtFilterPreview,
+  [FilterOption.CreatedAt]: DateTimeOptionsFilterValuePreview,
   [FilterOption.Agent]: AgentFilterPreview,
   [FilterOption.AmdResult]: AmdResultFilterPreview,
   [FilterOption.Contact]: ContactFilterPreview,

package/types/modules/filters/components/config/dynamic-view/dynamic-filter-config-form-label.vue.d.ts

@@ -2,10 +2,10 @@ type __VLS_PublicProps = {
     modelValue?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: string) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/components/config/dynamic-view/dynamic-filter-config-form-value-input.vue.d.ts

@@ -7,10 +7,10 @@ type __VLS_PublicProps = __VLS_Props & {
     modelValue?: unknown;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: unknown) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: unknown) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/_custom/type-extension-filter-value-field.vue.d.ts

@@ -6,10 +6,10 @@ type __VLS_PublicProps = __VLS_Props & {
     modelValue?: unknown;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: unknown) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: unknown) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/_shared/durations/duration-filter-value-field.vue.d.ts

@@ -6,10 +6,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/agent/agent-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/amd-result/amd-result-filter-value-field.vue.d.ts

@@ -2,10 +2,10 @@ type __VLS_PublicProps = {
     modelValue?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: string) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/call-direction/call-direction-filter-value-field.vue.d.ts

@@ -2,10 +2,10 @@ type __VLS_PublicProps = {
     modelValue?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: string) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/case-assignee/case-assignee-filter-value-field.vue.d.ts

@@ -10,10 +10,10 @@ type __VLS_PublicProps = __VLS_Props & {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/case-assignee/filterConfig.d.ts

@@ -10,11 +10,11 @@ declare class CaseAssigneeFilterConfig extends WtSysTypeFilterConfig {
             unassigned: boolean;
         };
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:invalid": (args_0: boolean) => any;
         "update:modelValue": (value: {
             list: string[];
             unassigned: boolean;
         }) => any;
+        "update:invalid": (args_0: boolean) => any;
     }, string, import("vue").PublicProps, Readonly<{
         filterConfig: CaseAssigneeFilterConfig;
     } & {
@@ -23,11 +23,11 @@ declare class CaseAssigneeFilterConfig extends WtSysTypeFilterConfig {
             unassigned: boolean;
         };
     }> & Readonly<{
-        "onUpdate:invalid"?: (args_0: boolean) => any;
         "onUpdate:modelValue"?: (value: {
             list: string[];
             unassigned: boolean;
         }) => any;
+        "onUpdate:invalid"?: (args_0: boolean) => any;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     valuePreviewComponent: import("vue").DefineComponent<{
         value: ContactsAPI[];

package/types/modules/filters/modules/filterConfig/components/case-author/case-author-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/case-close-reason-groups/case-close-reason-groups-filter-value-field.vue.d.ts

@@ -6,10 +6,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/case-impacted/case-impacted-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/case-priority/case-priority-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/case-reporter/case-reporter-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/case-sla/case-sla-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/case-sla-condition/case-sla-condition-filter-value-field.vue.d.ts

@@ -6,10 +6,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/case-source/case-source-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/case-status/case-status-filter-value-field.vue.d.ts

@@ -6,10 +6,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/contact/contact-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/contact-group/contact-group-filter-value-field.vue.d.ts

@@ -12,10 +12,10 @@ type __VLS_PublicProps = __VLS_Props & {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/contact-group/index.d.ts

@@ -12,11 +12,11 @@ declare class ContactGroupFilterConfig extends WtSysTypeFilterConfig {
             unassigned: boolean;
         };
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:invalid": (args_0: boolean) => any;
         "update:modelValue": (value: {
             list: string[];
             unassigned: boolean;
         }) => any;
+        "update:invalid": (args_0: boolean) => any;
     }, string, import("vue").PublicProps, Readonly<{
         filterConfig: IContactGroupFilterConfig;
         disableValidation?: boolean;
@@ -27,11 +27,11 @@ declare class ContactGroupFilterConfig extends WtSysTypeFilterConfig {
             unassigned: boolean;
         };
     }> & Readonly<{
-        "onUpdate:invalid"?: (args_0: boolean) => any;
         "onUpdate:modelValue"?: (value: {
             list: string[];
             unassigned: boolean;
         }) => any;
+        "onUpdate:invalid"?: (args_0: boolean) => any;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     valuePreviewComponent: import("vue").DefineComponent<{
         value: contactGroups[];

package/types/modules/filters/modules/filterConfig/components/contact-label/contact-label-filter-value-field.vue.d.ts

@@ -9,10 +9,10 @@ type __VLS_PublicProps = __VLS_Props & {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/contact-label/index.d.ts

@@ -8,8 +8,8 @@ declare class ContactLabelFilterConfig extends WtSysTypeFilterConfig {
     } & {
         modelValue?: number[];
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:invalid": (args_0: boolean) => any;
         "update:modelValue": (value: number[]) => any;
+        "update:invalid": (args_0: boolean) => any;
     }, string, import("vue").PublicProps, Readonly<{
         filterConfig: WtSysTypeFilterConfig;
         disableValidation?: boolean;
@@ -17,8 +17,8 @@ declare class ContactLabelFilterConfig extends WtSysTypeFilterConfig {
     } & {
         modelValue?: number[];
     }> & Readonly<{
-        "onUpdate:invalid"?: (args_0: boolean) => any;
         "onUpdate:modelValue"?: (value: number[]) => any;
+        "onUpdate:invalid"?: (args_0: boolean) => any;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     valuePreviewComponent: import("vue").DefineComponent<{
         value: Record<string, unknown>[];

package/types/modules/filters/modules/filterConfig/components/contact-owner/contact-owner-filter-value-field.vue.d.ts

@@ -7,10 +7,10 @@ type __VLS_PublicProps = __VLS_Props & {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/contact-owner/index.d.ts

@@ -6,15 +6,15 @@ declare class ContactOwnerFilterConfig extends WtSysTypeFilterConfig {
     } & {
         modelValue?: number[];
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:invalid": (args_0: boolean) => any;
         "update:modelValue": (value: number[]) => any;
+        "update:invalid": (args_0: boolean) => any;
     }, string, import("vue").PublicProps, Readonly<{
         filterConfig: WtSysTypeFilterConfig;
     } & {
         modelValue?: number[];
     }> & Readonly<{
-        "onUpdate:invalid"?: (args_0: boolean) => any;
         "onUpdate:modelValue"?: (value: number[]) => any;
+        "onUpdate:invalid"?: (args_0: boolean) => any;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     valuePreviewComponent: import("vue").DefineComponent<{
         value: Record<string, unknown>[];

package/types/modules/filters/modules/filterConfig/components/gateway/gateway-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/grantee/grantee-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/hangup-cause/hangup-cause-filter-value-field.vue.d.ts

@@ -2,10 +2,10 @@ type __VLS_PublicProps = {
     modelValue?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: string) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/has-attachment/has-attachment-filter-value-field.vue.d.ts

@@ -2,10 +2,10 @@ type __VLS_PublicProps = {
     modelValue?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: string) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/has-file/has-file-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: BooleanFilterModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: boolean) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/has-rating/has-rating-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: BooleanFilterModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: boolean) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/has-transcription/has-transcription-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: BooleanFilterModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: boolean) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/has-user/has-user-filter-value-field.vue.d.ts

@@ -9,10 +9,10 @@ type __VLS_PublicProps = __VLS_Props & {
     modelValue?: BooleanFilterModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: boolean) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/index.d.ts

@@ -1,5 +1,6 @@
 import type { Component } from 'vue';
 import { FilterOptionName } from '../enums/FilterOption';
+import DateTimeOptionsFilterValueField from './_shared/date-time-filter/date-time-options/date-time-options-filter-value-field.vue';
 import AgentFilter from './agent/agent-filter-value-field.vue';
 import AgentFilterPreview from './agent/agent-filter-value-preview.vue';
 import AmdResultFilter from './amd-result/amd-result-filter-value-field.vue';
@@ -40,9 +41,8 @@ import ContactGroupFilter from './contact-group/contact-group-filter-value-field
 import ContactGroupFilterPreview from './contact-group/contact-group-filter-value-preview.vue';
 import ContactLabelFilter from './contact-label/contact-label-filter-value-field.vue';
 import ContactLabelFilterPreview from './contact-label/contact-label-filter-value-preview.vue';
-import ContactOwnerFilter from "./contact-owner/contact-owner-filter-value-field.vue";
-import ContactOwnerFilterPreview from "./contact-owner/contact-owner-filter-value-preview.vue";
-import CreatedAtFilterValueField from './created-at/created-at-filter-value-field.vue';
+import ContactOwnerFilter from './contact-owner/contact-owner-filter-value-field.vue';
+import ContactOwnerFilterPreview from './contact-owner/contact-owner-filter-value-preview.vue';
 import GatewayFilter from './gateway/gateway-filter-value-field.vue';
 import GatewayFilterPreview from './gateway/gateway-filter-value-preview.vue';
 import GranteeFilter from './grantee/grantee-filter-value-field.vue';
@@ -79,7 +79,7 @@ import UserFilter from './user/user-filter-value-field.vue';
 import UserFilterPreview from './user/user-filter-value-preview.vue';
 import VariableFilter from './variable/variable-filter-value-field.vue';
 import VariableFilterPreview from './variable/variable-filter-value-preview.vue';
-export { AgentFilter, AgentFilterPreview, AmdResultFilter, AmdResultFilterPreview, CallDirectionFilterValueField, CallDirectionFilterValuePreview, CaseActualReactionTimeFilterValueField, CaseActualReactionTimeFilterValuePreview, CaseActualResolutionTimeFilterValueField, CaseActualResolutionTimeFilterValuePreview, CaseAuthorFilterValueField, CaseAuthorFilterValuePreview, CaseCloseReasonGroupsFilterValueField, CaseCloseReasonGroupsFilterValuePreview, CaseImpactedFilterValueField, CaseImpactedFilterValuePreview, CasePriorityFilterValueField, CasePriorityFilterValuePreview, CaseReactionTimeFilterValueField, CaseReactionTimeFilterValuePreview, CaseReporterFilterValueField, CaseReporterFilterValuePreview, CaseResolutionTimeFilterValueField, CaseResolutionTimeFilterValuePreview, CaseServiceFilterValueField, CaseServiceFilterValuePreview, CaseSlaConditionFilterValueField, CaseSlaConditionFilterValuePreview, CaseSlaFilterValueField, CaseSlaFilterValuePreview, CaseSourceFilterValueField, CaseSourceFilterValuePreview, CaseStatusFilterValueField, CaseStatusFilterValuePreview, ContactFilter, ContactFilterPreview, ContactGroupFilter, ContactGroupFilterPreview, ContactLabelFilter, ContactLabelFilterPreview, ContactOwnerFilter, ContactOwnerFilterPreview, CreatedAtFilterValueField, GatewayFilter, GatewayFilterPreview, GranteeFilter, GranteeFilterPreview, HangupCauseFilterValueField, HangupCauseFilterValuePreview, HasAttachmentFilter, HasAttachmentFilterPreview, HasFileFilter, HasFileFilterPreview, HasRatingFilterValueField, HasRatingFilterValuePreview, HasTranscriptionFilter, HasTranscriptionFilterPreview, HasUserFilter, HasUserFilterPreview, QueueFilter, QueueFilterPreview, RatedByFilter, RatedByFilterPreview, RatingFromToFilter, RatingFromToFilterPreview, ScoreFilter, ScoreFilterPreview, TagFilter, TagFilterPreview, TalkDurationFilter, TalkDurationFilterPreview, TeamFilter, TeamFilterPreview, TotalDurationFilter, TotalDurationFilterPreview, UserFilter, UserFilterPreview, VariableFilter, VariableFilterPreview, };
+export { AgentFilter, AgentFilterPreview, AmdResultFilter, AmdResultFilterPreview, CallDirectionFilterValueField, CallDirectionFilterValuePreview, CaseActualReactionTimeFilterValueField, CaseActualReactionTimeFilterValuePreview, CaseActualResolutionTimeFilterValueField, CaseActualResolutionTimeFilterValuePreview, CaseAuthorFilterValueField, CaseAuthorFilterValuePreview, CaseCloseReasonGroupsFilterValueField, CaseCloseReasonGroupsFilterValuePreview, CaseImpactedFilterValueField, CaseImpactedFilterValuePreview, CasePriorityFilterValueField, CasePriorityFilterValuePreview, CaseReactionTimeFilterValueField, CaseReactionTimeFilterValuePreview, CaseReporterFilterValueField, CaseReporterFilterValuePreview, CaseResolutionTimeFilterValueField, CaseResolutionTimeFilterValuePreview, CaseServiceFilterValueField, CaseServiceFilterValuePreview, CaseSlaConditionFilterValueField, CaseSlaConditionFilterValuePreview, CaseSlaFilterValueField, CaseSlaFilterValuePreview, CaseSourceFilterValueField, CaseSourceFilterValuePreview, CaseStatusFilterValueField, CaseStatusFilterValuePreview, ContactFilter, ContactFilterPreview, ContactGroupFilter, ContactGroupFilterPreview, ContactLabelFilter, ContactLabelFilterPreview, ContactOwnerFilter, ContactOwnerFilterPreview, DateTimeOptionsFilterValueField, GatewayFilter, GatewayFilterPreview, GranteeFilter, GranteeFilterPreview, HangupCauseFilterValueField, HangupCauseFilterValuePreview, HasAttachmentFilter, HasAttachmentFilterPreview, HasFileFilter, HasFileFilterPreview, HasRatingFilterValueField, HasRatingFilterValuePreview, HasTranscriptionFilter, HasTranscriptionFilterPreview, HasUserFilter, HasUserFilterPreview, QueueFilter, QueueFilterPreview, RatedByFilter, RatedByFilterPreview, RatingFromToFilter, RatingFromToFilterPreview, ScoreFilter, ScoreFilterPreview, TagFilter, TagFilterPreview, TalkDurationFilter, TalkDurationFilterPreview, TeamFilter, TeamFilterPreview, TotalDurationFilter, TotalDurationFilterPreview, UserFilter, UserFilterPreview, VariableFilter, VariableFilterPreview, };
 export declare const FilterOptionToValueComponentMap: Record<FilterOptionName, Component>;
 export declare const FilterOptionToPreviewComponentMap: Record<FilterOptionName, Component>;
 export declare const FilterOptionToPreviewApiSearchMethodMap: Record<FilterOptionName, (unknown: any) => {
@@ -96,8 +96,8 @@ export declare const FilterOptionToFilterConfigCreatorMap: {
         } & {
             modelValue?: number[];
         }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:invalid": (args_0: boolean) => any;
             "update:modelValue": (value: number[]) => any;
+            "update:invalid": (args_0: boolean) => any;
         }, string, import("vue").PublicProps, Readonly<{
             filterConfig: import("..").WtSysTypeFilterConfig;
             disableValidation?: boolean;
@@ -105,8 +105,8 @@ export declare const FilterOptionToFilterConfigCreatorMap: {
         } & {
             modelValue?: number[];
         }> & Readonly<{
-            "onUpdate:invalid"?: (args_0: boolean) => any;
             "onUpdate:modelValue"?: (value: number[]) => any;
+            "onUpdate:invalid"?: (args_0: boolean) => any;
         }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
         valuePreviewComponent: import("vue").DefineComponent<{
             value: Record<string, unknown>[];
@@ -128,15 +128,15 @@ export declare const FilterOptionToFilterConfigCreatorMap: {
         } & {
             modelValue?: number[];
         }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:invalid": (args_0: boolean) => any;
             "update:modelValue": (value: number[]) => any;
+            "update:invalid": (args_0: boolean) => any;
         }, string, import("vue").PublicProps, Readonly<{
             filterConfig: import("..").WtSysTypeFilterConfig;
         } & {
             modelValue?: number[];
         }> & Readonly<{
-            "onUpdate:invalid"?: (args_0: boolean) => any;
             "onUpdate:modelValue"?: (value: number[]) => any;
+            "onUpdate:invalid"?: (args_0: boolean) => any;
         }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
         valuePreviewComponent: import("vue").DefineComponent<{
             value: Record<string, unknown>[];
@@ -163,11 +163,11 @@ export declare const FilterOptionToFilterConfigCreatorMap: {
                 unassigned: boolean;
             };
         }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:invalid": (args_0: boolean) => any;
             "update:modelValue": (value: {
                 list: string[];
                 unassigned: boolean;
             }) => any;
+            "update:invalid": (args_0: boolean) => any;
         }, string, import("vue").PublicProps, Readonly<{
             filterConfig: import("./contact-group").IContactGroupFilterConfig;
             disableValidation?: boolean;
@@ -178,11 +178,11 @@ export declare const FilterOptionToFilterConfigCreatorMap: {
                 unassigned: boolean;
             };
         }> & Readonly<{
-            "onUpdate:invalid"?: (args_0: boolean) => any;
             "onUpdate:modelValue"?: (value: {
                 list: string[];
                 unassigned: boolean;
             }) => any;
+            "onUpdate:invalid"?: (args_0: boolean) => any;
         }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
         valuePreviewComponent: import("vue").DefineComponent<{
             value: FilterOptionName[];

package/types/modules/filters/modules/filterConfig/components/queue/queue-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/rated-by/rated-by-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/rating/rating-from-to-filter-value-field.vue.d.ts

@@ -6,10 +6,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/score/score-from-to-filter-value-field.vue.d.ts

@@ -9,11 +9,11 @@ type __VLS_PublicProps = __VLS_Props & {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {
     numberMax: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/types/modules/filters/modules/filterConfig/components/tag/tag-filter-value-field.vue.d.ts

@@ -2,10 +2,10 @@ type __VLS_PublicProps = {
     modelValue?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: string) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/talk-duration/talk-duration-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: TalkDurationFilterModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: TalkDurationFilterModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: TalkDurationFilterModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/team/team-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/total-duration/total-duration-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: TotalDurationFilterModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: TotalDurationFilterModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: TotalDurationFilterModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/user/user-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/variable/variable-filter-value-field.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_PublicProps = {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:invalid": (args_0: boolean) => any;
     "update:modelValue": (value: string) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:invalid"?: (args_0: boolean) => any;
     "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/src/modules/filters/modules/filterConfig/components/created-at/created-at-filter-value-field.vue

@@ -1,98 +0,0 @@
-<template>
-  <div class="created-at-filter-value-field">
-    <wt-radio
-      v-for="value of radioOpts"
-      :key="value"
-      :selected="selectedRadioValue"
-      :label="t(`webitelUI.filters.datetime.${value}`)"
-      :value="value"
-      @update:selected="handleRadioChange"
-    />
-    <wt-datepicker
-      v-if="showDatepickers"
-      :value="model.from"
-      :label="t('reusable.from')"
-      mode="datetime"
-      @input="changeAbsoluteValue($event, 'from')"
-    />
-    <wt-datepicker
-      v-if="showDatepickers"
-      :value="model.to"
-      :label="t('reusable.to')"
-      mode="datetime"
-      @input="changeAbsoluteValue($event, 'to')"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { WtRadio } from '@webitel/ui-sdk/components';
-import { RelativeDatetimeValue } from '@webitel/ui-sdk/enums';
-import { endOfToday, startOfToday } from 'date-fns';
-import { computed, ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-const model = defineModel<
-  RelativeDatetimeValue | { from: number; to: number }
->();
-
-const { t } = useI18n();
-
-const radioOpts = [
-  RelativeDatetimeValue.Today,
-  RelativeDatetimeValue.ThisWeek,
-  RelativeDatetimeValue.ThisMonth,
-  RelativeDatetimeValue.Custom,
-];
-
-const selectedRadioValue = ref();
-
-const initialize = () => {
-  if (!model.value) {
-    /* initialize */
-    selectedRadioValue.value = radioOpts[0];
-    model.value = selectedRadioValue.value;
-  } else if (typeof model.value === 'string') {
-    /* RelativeDatetimeValue */
-    selectedRadioValue.value = model.value;
-  } else {
-    /* { from, to } */
-    selectedRadioValue.value = RelativeDatetimeValue.Custom;
-  }
-};
-
-initialize();
-
-const showDatepickers = computed(() => {
-  return selectedRadioValue.value === RelativeDatetimeValue.Custom;
-});
-
-const handleRadioChange = (value: RelativeDatetimeValue) => {
-  selectedRadioValue.value = value;
-  if (value === RelativeDatetimeValue.Custom) {
-    model.value = {
-      from: startOfToday().getTime(),
-      to: endOfToday().getTime(),
-    };
-  } else {
-    model.value = value;
-  }
-};
-
-const changeAbsoluteValue = (value: number, prop: 'from' | 'to') => {
-  const newModelValue = {
-    ...(model.value as { from: number; to: number }),
-    [prop]: value,
-  };
-
-  model.value = newModelValue;
-};
-</script>
-
-<style scoped>
-.created-at-filter-value-field {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-xs);
-}
-</style>

package/src/modules/filters/modules/filterConfig/components/created-at/created-at-filter-value-preview.vue

@@ -1,64 +0,0 @@
-<template>
-  <div class="created-at-filter-value-preview">
-    <p v-if="isRelativeValue">
-      {{ t(`webitelUI.filters.datetime.${props.value}`) }}
-    </p>
-
-    <template v-else>
-      <div>
-        <p class="created-at-filter-value-preview__title">
-          {{ t('reusable.from') }}
-        </p>
-
-        <span>{{ from }}</span>
-      </div>
-
-      <div>
-        <p class="created-at-filter-value-preview__title">
-          {{ t('reusable.to') }}
-        </p>
-
-        <span>{{ to }}</span>
-      </div>
-    </template>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { RelativeDatetimeValue } from '@webitel/ui-sdk/enums';
-import { isRelativeDatetimeValue } from '@webitel/ui-sdk/scripts';
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-const props = defineProps<{
-  value: { from: number; to: number } | RelativeDatetimeValue;
-}>();
-
-const { t } = useI18n();
-
-const isRelativeValue = computed(() => {
-  return isRelativeDatetimeValue(props.value);
-});
-
-const from = computed(() => {
-  return isRelativeDatetimeValue.value
-    ? false
-    : new Date(props.value.from).toLocaleString();
-});
-
-const to = computed(() => {
-  return isRelativeDatetimeValue.value
-    ? false
-    : new Date(props.value.to).toLocaleString();
-});
-</script>
-
-<style lang="scss" scoped>
-@use '@webitel/styleguide/typography' as *;
-
-.duration-filter-value-preview {
-  &__title {
-    @extend %typo-subtitle-1;
-  }
-}
-</style>

package/types/modules/filters/modules/filterConfig/components/created-at/created-at-filter-value-field.vue.d.ts

@@ -1,19 +0,0 @@
-import { RelativeDatetimeValue } from '@webitel/ui-sdk/enums';
-type __VLS_PublicProps = {
-    modelValue?: RelativeDatetimeValue | {
-        from: number;
-        to: number;
-    };
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: RelativeDatetimeValue | {
-        from: number;
-        to: number;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: RelativeDatetimeValue | {
-        from: number;
-        to: number;
-    }) => any;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/types/modules/filters/modules/filterConfig/components/created-at/created-at-filter-value-preview.vue.d.ts

@@ -1,9 +0,0 @@
-import { RelativeDatetimeValue } from '@webitel/ui-sdk/enums';
-type __VLS_Props = {
-    value: {
-        from: number;
-        to: number;
-    } | RelativeDatetimeValue;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;