@indigina/ui-kit 1.1.303 → 1.1.305

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InputSignal, EventEmitter, Predicate, ChangeDetectorRef, TemplateRef, Signal, OnInit, OnDestroy, OutputEmitterRef, WritableSignal, OnChanges, ModuleWithProviders, ModelSignal, SimpleChanges, ElementRef, AfterContentInit, QueryList, AfterViewInit, ViewContainerRef, PipeTransform, InjectionToken } from '@angular/core';
+import { InputSignal, EventEmitter, Predicate, ModelSignal, TemplateRef, OutputEmitterRef, Signal, OnInit, OnDestroy, WritableSignal, OnChanges, ModuleWithProviders, SimpleChanges, ElementRef, AfterContentInit, QueryList, AfterViewInit, ViewContainerRef, PipeTransform, InjectionToken } from '@angular/core';
 import { ControlValueAccessor, ValidatorFn, FormControl, AbstractControl, UntypedFormGroup } from '@angular/forms';
 import { TextBoxComponent } from '@progress/kendo-angular-inputs';
 import { PopupSettings, DropDownListComponent, ItemDisabledFn, MultiSelectComponent } from '@progress/kendo-angular-dropdowns';
@@ -403,67 +403,69 @@ declare enum KitTextboxSize {
 }
 
 declare class KitTextboxComponent implements ControlValueAccessor {
-    readonly cdr: ChangeDetectorRef;
     textbox: TextBoxComponent | undefined;
     /**
      * Defines a value that is going to be applied as an input placeholder
      */
-    placeholder?: string;
+    readonly placeholder: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as an input label
      */
-    label?: string;
+    readonly label: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as an input label tooltip
      */
-    labelTooltip?: string;
+    readonly labelTooltip: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a default input value
      */
-    defaultValue?: string;
+    readonly defaultValue: ModelSignal<string>;
     /**
      * Defines an icon which will be used to the left of the info message
      */
-    messageIcon?: KitSvgIcon;
+    readonly messageIcon: InputSignal<KitSvgIcon | undefined>;
     /**
      * Defines a value which going to be an info message text
      */
-    messageText?: string;
+    readonly messageText: InputSignal<string | undefined>;
     /**
      * Defines a message template
      */
-    messageTemplate?: TemplateRef<HTMLElement>;
+    readonly messageTemplate: InputSignal<TemplateRef<HTMLElement> | undefined>;
     /**
      * Defines a state whether the textbox will be disabled or not
      */
-    disabled: boolean;
+    readonly disabled: ModelSignal<boolean>;
     /**
      * Defines the maximum length of the textbox value
      */
-    maxlength?: number;
+    readonly maxlength: InputSignal<number | undefined>;
     /**
      * Defines the state of the textbox
      */
-    state: KitTextboxState;
+    readonly state: InputSignal<KitTextboxState>;
     /**
      * Defines the size of the textbox
      */
-    size: KitTextboxSize;
+    readonly size: InputSignal<KitTextboxSize>;
     /**
      * Defines the icon which will be used with the input field
      */
-    icon?: KitSvgIcon;
-    clearButton: boolean;
-    showStateIcon: boolean;
+    readonly icon: InputSignal<KitSvgIcon | undefined>;
+    readonly clearButton: InputSignal<boolean>;
+    readonly showStateIcon: InputSignal<boolean>;
     /**
      * An action which is emitted when input field lost focus
      */
-    blured: EventEmitter<void>;
-    focused: EventEmitter<void>;
+    readonly blured: OutputEmitterRef<void>;
+    /**
+     * An action which is emitted when input field received focus
+     */
+    readonly focused: OutputEmitterRef<void>;
     /**
      * An action which is emitted when input value changed
      */
-    changed: EventEmitter<string>;
+    readonly changed: OutputEmitterRef<string>;
     readonly textboxComponent: Signal<TextBoxComponent>;
     readonly textboxStateIcon: Record<KitTextboxState, KitSvgIcon>;
     /**
@@ -488,7 +490,7 @@ declare class KitTextboxComponent implements ControlValueAccessor {
     onInputChange(value: string): void;
     updateValue(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitTextboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitTextboxComponent, "kit-textbox", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "messageTemplate": { "alias": "messageTemplate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "state": { "alias": "state"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "showStateIcon": { "alias": "showStateIcon"; "required": false; }; }, { "blured": "blured"; "focused": "focused"; "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitTextboxComponent, "kit-textbox", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "messageText": { "alias": "messageText"; "required": false; "isSignal": true; }; "messageTemplate": { "alias": "messageTemplate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "clearButton": { "alias": "clearButton"; "required": false; "isSignal": true; }; "showStateIcon": { "alias": "showStateIcon"; "required": false; "isSignal": true; }; }, { "defaultValue": "defaultValueChange"; "disabled": "disabledChange"; "blured": "blured"; "focused": "focused"; "changed": "changed"; }, never, never, true, never>;
 }
 
 declare class KitTextboxActionsComponent implements OnInit, OnDestroy {
@@ -541,64 +543,64 @@ declare class KitNumericTextboxComponent implements ControlValueAccessor {
     /**
      * Defines a value that is going to be applied as an input placeholder
      */
-    placeholder?: string;
+    readonly placeholder: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as an input label
      */
-    label?: string;
+    readonly label: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a default input value
      */
-    defaultValue?: number;
+    readonly defaultValue: ModelSignal<number | undefined>;
     /**
      * Specifies the number of decimals that the user can enter when the input is focused
      */
-    decimals?: number;
+    readonly decimals: InputSignal<number | undefined>;
     /**
      * Specifies the smallest value that is valid
      */
-    min?: number;
+    readonly min: InputSignal<number | undefined>;
     /**
      * Specifies the greatest value that is valid
      */
-    max?: number;
+    readonly max: InputSignal<number | undefined>;
     /**
      * Specifies the maximum number of characters the end user can type
      */
-    maxlength?: number;
+    readonly maxlength: InputSignal<number | undefined>;
     /**
      * Defines an icon which will be used to the left of the info message
      */
-    messageIcon?: KitSvgIcon;
+    readonly messageIcon: InputSignal<KitSvgIcon | undefined>;
     /**
      * Defines a value which going to be an info message text
      */
-    messageText?: string;
+    readonly messageText: InputSignal<string | undefined>;
     /**
      * Defines a state whether the textbox will be disabled or not
      */
-    disabled: boolean;
+    readonly disabled: ModelSignal<boolean>;
     /**
      * Specifies the number format
      */
-    format?: string;
+    readonly format: InputSignal<string | undefined>;
     /**
      * Defines the state of the textbox
      */
-    state: KitNumericTextboxState;
+    readonly state: InputSignal<KitNumericTextboxState>;
     /**
      * Defines the icon which will be used with the input field
      */
-    icon?: KitSvgIcon;
+    readonly icon: InputSignal<KitSvgIcon | undefined>;
     readonly size: InputSignal<KitNumericTextboxSize>;
     /**
      * An action which is emitted when input field lost focus
      */
-    blured: EventEmitter<void>;
+    readonly blured: OutputEmitterRef<void>;
     /**
      * An action which is emitted when input value changed
      */
-    changed: EventEmitter<number>;
+    readonly changed: OutputEmitterRef<number>;
     readonly numericTextboxStateIcon: Record<KitNumericTextboxState, KitSvgIcon>;
     /**
      * Function that should be called every time the form control value changes
@@ -621,7 +623,7 @@ declare class KitNumericTextboxComponent implements ControlValueAccessor {
      */
     onInputChange(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitNumericTextboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitNumericTextboxComponent, "kit-numeric-textbox", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "state": { "alias": "state"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "blured": "blured"; "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitNumericTextboxComponent, "kit-numeric-textbox", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "messageText": { "alias": "messageText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "defaultValue": "defaultValueChange"; "disabled": "disabledChange"; "blured": "blured"; "changed": "changed"; }, never, never, true, never>;
 }
 
 declare class KitInputMessageComponent {
@@ -649,54 +651,53 @@ interface KitDropdownItem<T, U = unknown> {
     disabled?: Predicate<KitDropdownItem<T>>;
 }
 declare class KitDropdownComponent<T> implements ControlValueAccessor {
-    private readonly changeDetectorRef;
     /**
      * an items list which is going to be rendered as dropdown items
      */
-    items: KitDropdownItem<T>[];
+    readonly items: InputSignal<KitDropdownItem<T>[]>;
     /**
      * an item which needs to be selected as a default value
      */
-    selectedItem?: T;
+    readonly selectedItem: ModelSignal<T | undefined>;
     /**
      * an informative text that will be above the dropdown
      */
-    label?: string;
+    readonly label: InputSignal<string | undefined>;
     /**
      * defines whether the component will be in disabled state
      */
-    disabled?: boolean;
+    readonly disabled: ModelSignal<boolean | undefined>;
     /**
      * Defines an icon which will be used to the left of the info message
      */
-    messageIcon?: KitSvgIcon;
+    readonly messageIcon: InputSignal<KitSvgIcon | undefined>;
     /**
      * Defines a value which going to be an info message text
      */
-    messageText?: string;
+    readonly messageText: InputSignal<string | undefined>;
     /**
      * Defines a state whether the component will be invalid
      */
-    invalid?: boolean;
+    readonly invalid: InputSignal<boolean>;
     /**
      * An item that is going to be presented as a default value.
      * Using as a placeholder
      */
-    defaultItem?: KitDropdownItem<T>;
+    readonly defaultItem: InputSignal<KitDropdownItem<T> | undefined>;
     /**
      * Defines dropdown popup list height. By default, listHeight is 200px.
      */
-    listHeight: number;
+    readonly listHeight: InputSignal<number>;
     /**
      * Whether the default item will be hidden. "true" by default
      */
-    hideDefaultItem: boolean;
+    readonly hideDefaultItem: InputSignal<boolean>;
     /**
      * Defines the icon which going to be the icon for the dropdown toggle button
      */
-    toggleIcon: KitSvgIcon;
-    popupSettings: PopupSettings;
-    isValuePrimitive: boolean;
+    readonly toggleIcon: InputSignal<KitSvgIcon>;
+    readonly popupSettings: InputSignal<PopupSettings>;
+    readonly isValuePrimitive: InputSignal<boolean>;
     readonly footerTemplate: InputSignal<TemplateRef<HTMLTemplateElement> | undefined>;
     readonly noDataTemplate: InputSignal<TemplateRef<HTMLTemplateElement> | undefined>;
     /**
@@ -706,7 +707,7 @@ declare class KitDropdownComponent<T> implements ControlValueAccessor {
     /**
      * occurs once an item in the dropdown is selected
      */
-    selected: EventEmitter<KitDropdownItem<T>>;
+    readonly selected: OutputEmitterRef<KitDropdownItem<T>>;
     /**
      * Defines template for a dropdown value
      */
@@ -744,7 +745,7 @@ declare class KitDropdownComponent<T> implements ControlValueAccessor {
     onClose(): void;
     getCssClasses(): Record<string, boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitDropdownComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitDropdownComponent<any>, "kit-dropdown", never, { "items": { "alias": "items"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "defaultItem": { "alias": "defaultItem"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "hideDefaultItem": { "alias": "hideDefaultItem"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "isValuePrimitive": { "alias": "isValuePrimitive"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, ["kitDropdownValueTemplate", "kitDropdownItemTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitDropdownComponent<any>, "kit-dropdown", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "messageText": { "alias": "messageText"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "defaultItem": { "alias": "defaultItem"; "required": false; "isSignal": true; }; "listHeight": { "alias": "listHeight"; "required": false; "isSignal": true; }; "hideDefaultItem": { "alias": "hideDefaultItem"; "required": false; "isSignal": true; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; "isSignal": true; }; "popupSettings": { "alias": "popupSettings"; "required": false; "isSignal": true; }; "isValuePrimitive": { "alias": "isValuePrimitive"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "selectedItem": "selectedItemChange"; "disabled": "disabledChange"; "selected": "selected"; }, ["kitDropdownValueTemplate", "kitDropdownItemTemplate"], never, true, never>;
 }
 
 declare class KitDropdownItemTemplateDirective {
@@ -767,78 +768,77 @@ declare enum KitTextareaState {
 }
 
 declare class KitTextareaComponent implements ControlValueAccessor, OnChanges {
-    private readonly cdr;
     /**
      * Defines a value that is going to be applied as a textarea placeholder
      */
-    placeholder?: string;
+    readonly placeholder: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a textarea label
      */
-    label?: string;
+    readonly label: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a default textarea value
      */
-    defaultValue?: string;
+    readonly defaultValue: ModelSignal<string>;
     /**
      * Defines a value that will determine the maximum number of characters in the textarea field
      */
-    maxlength?: number;
+    readonly maxlength: InputSignal<number | undefined>;
     /**
      * Defines a value that is going to be applied as a minimal number of visible text lines in
      * the textarea field
      */
-    minLines?: number;
+    readonly minLines: InputSignal<number | undefined>;
     /**
      * Defines a value that is going to be applied as a maximal number of visible text lines in
      * the textarea field
      */
-    maxLines?: number;
+    readonly maxLines: InputSignal<number | undefined>;
     /**
      * Defines a state whether the textarea will be disabled or not
      */
-    disabled: boolean;
+    readonly disabled: ModelSignal<boolean>;
     /**
      * Defines an icon which will be used to the left of the info message
      */
-    messageIcon?: KitSvgIcon;
+    readonly messageIcon: InputSignal<KitSvgIcon | undefined>;
     /**
      * Defines a value which going to be an info message text
      */
-    messageText?: string;
+    readonly messageText: InputSignal<string | undefined>;
     /**
      * Defines a particular state for the component
      */
-    state: KitTextareaState;
+    readonly state: InputSignal<KitTextareaState>;
     /**
      * Defines the icon which will be used with the input field
      */
-    icon?: KitSvgIcon;
+    readonly icon: InputSignal<KitSvgIcon | undefined>;
     /**
      * Defines whether the textarea will be in the readonly mode
      */
-    readonly: boolean;
-    tooltip?: string;
+    readonly readonly: InputSignal<boolean>;
+    readonly tooltip: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a minimal textarea height
      */
-    minHeight?: number;
+    readonly minHeight: WritableSignal<number | undefined>;
     /**
      * Defines a value that is going to be applied as a maximal textarea height
      */
-    maxHeight?: number;
+    readonly maxHeight: WritableSignal<number | undefined>;
     /**
      * An action which is emitted when textarea field received focus
      */
-    focused: EventEmitter<void>;
+    readonly focused: OutputEmitterRef<void>;
     /**
      * An action which is emitted when textarea field lost focus
      */
-    blured: EventEmitter<void>;
+    readonly blured: OutputEmitterRef<void>;
     /**
      * An action which is emitted when textarea value changed
      */
-    changed: EventEmitter<string>;
+    readonly changed: OutputEmitterRef<string>;
     readonly textareaStateIcon: Record<KitTextareaState, KitSvgIcon>;
     readonly kitTooltipPosition: typeof KitTooltipPosition;
     ngOnChanges(): void;
@@ -871,7 +871,7 @@ declare class KitTextareaComponent implements ControlValueAccessor, OnChanges {
      */
     onTextareaChange(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitTextareaComponent, "kit-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minLines": { "alias": "minLines"; "required": false; }; "maxLines": { "alias": "maxLines"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "state": { "alias": "state"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "focused": "focused"; "blured": "blured"; "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitTextareaComponent, "kit-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minLines": { "alias": "minLines"; "required": false; "isSignal": true; }; "maxLines": { "alias": "maxLines"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "messageText": { "alias": "messageText"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, { "defaultValue": "defaultValueChange"; "disabled": "disabledChange"; "focused": "focused"; "blured": "blured"; "changed": "changed"; }, never, never, true, never>;
 }
 
 declare class KitTextareaAutoresizeDirective implements OnInit {
@@ -1049,63 +1049,62 @@ declare class KitUnitsTextboxComponent<T> {
 }
 
 declare class KitDatetimepickerComponent implements ControlValueAccessor {
-    private readonly cdr;
     /**
      * Defines a value that is going to be applied as a datetimepicker label
      */
-    label?: string;
+    readonly label: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a datepicker label tooltip
      */
-    labelTooltip?: string;
+    readonly labelTooltip: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a datetimepicker placeholder
      */
-    placeholder?: string;
+    readonly placeholder: InputSignal<string | undefined>;
     /**
      * Defines whether the component will be in disabled state
      */
-    disabled?: boolean;
+    readonly disabled: ModelSignal<boolean>;
     /**
      * Defines an icon which will be used to the left of the info message
      */
-    messageIcon?: KitSvgIcon;
+    readonly messageIcon: InputSignal<KitSvgIcon | undefined>;
     /**
      * Defines a value which going to be an info message text
      */
-    messageText?: string;
+    readonly messageText: InputSignal<string | undefined>;
     /**
      * Defines a state whether the component will be invalid
      */
-    invalid?: boolean;
+    readonly invalid: InputSignal<boolean>;
     /**
      * Defines a value that is going to be applied as a datetimepicker format
      */
-    format: string;
+    readonly format: InputSignal<string>;
     /**
      * Defines a value that is going to be applied as a default datetimepicker value
      */
-    defaultDate?: Date | null;
+    readonly defaultDate: ModelSignal<Date | null | undefined>;
     /**
      * Specifies the smallest valid date
      */
-    min?: Date;
+    readonly min: InputSignal<Date | undefined>;
     /**
      * Specifies the biggest valid date
      */
-    max?: Date;
+    readonly max: InputSignal<Date | undefined>;
     /**
      * Defines the text of the Apply button in the popup footer of the component, "Apply" by default
      */
-    applyButtonText: string;
+    readonly applyButtonText: InputSignal<string>;
     /**
      * Defines the text of the Cancel button in the popup footer of the component, "Cancel" by default
      */
-    cancelButtonText: string;
+    readonly cancelButtonText: InputSignal<string>;
     /**
      * An action which is emitted when datetimepicker value changed
      */
-    changed: EventEmitter<Date>;
+    readonly changed: OutputEmitterRef<Date>;
     /**
      * Defines a reference of the DateTimePicker component
      */
@@ -1139,12 +1138,12 @@ declare class KitDatetimepickerComponent implements ControlValueAccessor {
      * Function that should be called when input lost focus and changed form control state to "touched"
      */
     onTouched: () => void;
-    writeValue(value: string): void;
+    writeValue(value: string | Date | null): void;
     registerOnChange(fn: (_: Date | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitDatetimepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitDatetimepickerComponent, "kit-datetimepicker", never, { "label": { "alias": "label"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "format": { "alias": "format"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "applyButtonText": { "alias": "applyButtonText"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; }, { "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitDatetimepickerComponent, "kit-datetimepicker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "messageText": { "alias": "messageText"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "defaultDate": { "alias": "defaultDate"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "applyButtonText": { "alias": "applyButtonText"; "required": false; "isSignal": true; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "defaultDate": "defaultDateChange"; "changed": "changed"; }, never, never, true, never>;
 }
 
 declare enum KitNotificationType {
@@ -1221,39 +1220,39 @@ declare class KitAutocompleteComponent<T> implements ControlValueAccessor {
     /**
      * Defines a value that is going to be applied as an input label
      */
-    label?: string;
+    readonly label: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as an input placeholder
      */
-    placeholder?: string;
+    readonly placeholder: InputSignal<string | undefined>;
     /**
      * Defines an items list which is going to be an autocomplete items data
      */
-    items: KitAutocompleteItem<T>[];
+    readonly items: InputSignal<KitAutocompleteItem<T>[]>;
     /**
      * An item which is going to be an autocomplete selected value
      */
-    selectedValue: T | null;
+    readonly selectedValue: ModelSignal<T | null>;
     /**
      * Defines whether the component will be in disabled state
      */
-    disabled?: boolean;
+    readonly disabled: ModelSignal<boolean>;
     /**
      * Defines whether the loader will be visible or not
      */
-    loaderVisible: boolean;
+    readonly loaderVisible: InputSignal<boolean>;
     /**
      * Defines an icon which will be used to the left of the info message
      */
-    messageIcon?: KitSvgIcon;
+    readonly messageIcon: InputSignal<KitSvgIcon | undefined>;
     /**
      * Defines a value which going to be an info message text
      */
-    messageText?: string;
+    readonly messageText: InputSignal<string | undefined>;
     /**
      * Defines a state whether the component will be invalid
      */
-    invalid?: boolean;
+    readonly invalid: InputSignal<boolean>;
     /**
      * Specifies whether the autocomplete allows user-defined values
      */
@@ -1277,11 +1276,11 @@ declare class KitAutocompleteComponent<T> implements ControlValueAccessor {
     /**
      * An action which is emitted when input lost focus
      */
-    blured: EventEmitter<void>;
+    readonly blured: OutputEmitterRef<void>;
     /**
      * An action which is emitted when input field got focus
      */
-    focused: EventEmitter<void>;
+    readonly focused: OutputEmitterRef<void>;
     private combobox;
     /**
      * Settings for popup that will be opened as dropdown options list
@@ -1319,7 +1318,7 @@ declare class KitAutocompleteComponent<T> implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitAutocompleteComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitAutocompleteComponent<any>, "kit-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loaderVisible": { "alias": "loaderVisible"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "allowCustom": { "alias": "allowCustom"; "required": false; "isSignal": true; }; "closePopupIfDataNotFound": { "alias": "closePopupIfDataNotFound"; "required": false; "isSignal": true; }; }, { "filterChanged": "filterChanged"; "valueChanged": "valueChanged"; "selectionChanged": "selectionChanged"; "blured": "blured"; "focused": "focused"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitAutocompleteComponent<any>, "kit-autocomplete", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loaderVisible": { "alias": "loaderVisible"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "messageText": { "alias": "messageText"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "allowCustom": { "alias": "allowCustom"; "required": false; "isSignal": true; }; "closePopupIfDataNotFound": { "alias": "closePopupIfDataNotFound"; "required": false; "isSignal": true; }; }, { "selectedValue": "selectedValueChange"; "disabled": "disabledChange"; "filterChanged": "filterChanged"; "valueChanged": "valueChanged"; "selectionChanged": "selectionChanged"; "blured": "blured"; "focused": "focused"; }, never, never, true, never>;
 }
 
 declare class KitAutocompleteDirective<T> {
@@ -1396,40 +1395,41 @@ declare class KitToggleComponent implements ControlValueAccessor {
     /**
      * Defines a label text which will be displayed next to the toggle
      */
-    label?: string;
+    readonly label: InputSignal<string | undefined>;
     /**
      * Defines whether the component will be in disabled state
      */
-    disabled: boolean;
+    readonly disabled: ModelSignal<boolean>;
     /**
      * Defines whether the component will be in readonly state
      */
-    readonly: boolean;
+    readonly readonly: InputSignal<boolean>;
     /**
      * Defines a default value
      */
-    defaultChecked: boolean;
+    readonly defaultChecked: ModelSignal<boolean>;
     /**
      * Defines the left label of the toggle
      */
-    leftLabel?: string;
+    readonly leftLabel: InputSignal<string | undefined>;
     /**
      * Defines the right label of the toggle
      */
-    rightLabel?: string;
+    readonly rightLabel: InputSignal<string | undefined>;
     /**
      * Defines an icon which will be used to the left of the info message
      */
-    messageIcon?: KitSvgIcon;
+    readonly messageIcon: InputSignal<KitSvgIcon | undefined>;
     /**
      * Defines a value which going to be an info message text
      */
-    messageText?: string;
+    readonly messageText: InputSignal<string | undefined>;
     readonly size: InputSignal<KitToggleSize>;
     /**
      * Occurs as soon as toggle state is changed
      */
-    changed: EventEmitter<boolean>;
+    readonly changed: OutputEmitterRef<boolean>;
+    private readonly isFormControlled;
     /**
      * Function that is called when toggle state changed
      */
@@ -1447,7 +1447,7 @@ declare class KitToggleComponent implements ControlValueAccessor {
     writeValue(value: boolean): void;
     setDisabledState(disabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitToggleComponent, "kit-toggle", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; }; "leftLabel": { "alias": "leftLabel"; "required": false; }; "rightLabel": { "alias": "rightLabel"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitToggleComponent, "kit-toggle", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "leftLabel": { "alias": "leftLabel"; "required": false; "isSignal": true; }; "rightLabel": { "alias": "rightLabel"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "messageText": { "alias": "messageText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "defaultChecked": "defaultCheckedChange"; "changed": "changed"; }, never, never, true, never>;
 }
 
 interface KitOptionToggleOption {
@@ -1456,26 +1456,26 @@ interface KitOptionToggleOption {
 }
 
 declare class KitOptionToggleComponent implements ControlValueAccessor {
-    readonly disabled: InputSignal<boolean>;
-    readonly defaultActiveOption: InputSignal<string | undefined>;
+    readonly disabled: ModelSignal<boolean>;
+    readonly defaultActiveOption: ModelSignal<string | undefined>;
     readonly leftOption: InputSignal<KitOptionToggleOption>;
     readonly rightOption: InputSignal<KitOptionToggleOption>;
-    readonly handlerChange: OutputEmitterRef<string>;
+    readonly handleChange: OutputEmitterRef<string>;
     readonly name: string;
     readonly leftOptionChecked: Signal<boolean>;
     readonly rightOptionChecked: Signal<boolean>;
-    private readonly activeOption;
-    toggleOption(): void;
-    onChange(value: string): void;
+    private readonly isFormControlled;
+    toggleOption(option?: string): void;
+    onChange: (value: string) => void;
+    onTouched: () => void;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
-    private onChangeFn;
-    private onTouchedFn;
+    setDisabledState(disabled: boolean): void;
     private buildUniqName;
     private getFirstPartOfUUID;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitOptionToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitOptionToggleComponent, "kit-option-toggle", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "defaultActiveOption": { "alias": "defaultActiveOption"; "required": false; "isSignal": true; }; "leftOption": { "alias": "leftOption"; "required": true; "isSignal": true; }; "rightOption": { "alias": "rightOption"; "required": true; "isSignal": true; }; }, { "handlerChange": "handlerChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitOptionToggleComponent, "kit-option-toggle", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "defaultActiveOption": { "alias": "defaultActiveOption"; "required": false; "isSignal": true; }; "leftOption": { "alias": "leftOption"; "required": true; "isSignal": true; }; "rightOption": { "alias": "rightOption"; "required": true; "isSignal": true; }; }, { "disabled": "disabledChange"; "defaultActiveOption": "defaultActiveOptionChange"; "handleChange": "handleChange"; }, never, never, true, never>;
 }
 
 declare enum KitPillType {
@@ -1609,83 +1609,83 @@ interface KitDaterangeValue {
     end: Date | null;
 }
 declare class KitDaterangeComponent {
-    type: KitDaterangeType;
+    readonly type: InputSignal<KitDaterangeType>;
     /**
      * Defines a value that is going to be applied as a daterange button label
      */
-    label?: string;
+    readonly label: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a daterange start input label
      */
-    startLabel?: string;
+    readonly startLabel: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a daterange end input label
      */
-    endLabel?: string;
+    readonly endLabel: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a daterange start input placeholder
      */
-    startPlaceholder?: string;
+    readonly startPlaceholder: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a daterange end input placeholder
      */
-    endPlaceholder?: string;
+    readonly endPlaceholder: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a daterange format
      */
-    format: string;
+    readonly format: InputSignal<string>;
     /**
      * Defines a value that is going to be applied as a default daterange start date value
      */
-    defaultStartDate?: Date;
+    readonly defaultStartDate: ModelSignal<Date | undefined>;
     /**
      * Defines a value that is going to be applied as a default daterange end date value
      */
-    defaultEndDate?: Date;
+    readonly defaultEndDate: ModelSignal<Date | undefined>;
     /**
      * Specifies the smallest valid date
      */
-    min?: Date;
+    readonly min: InputSignal<Date | undefined>;
     /**
      * Specifies the biggest valid date
      */
-    max?: Date;
+    readonly max: InputSignal<Date | undefined>;
     /**
      * Defines whether the component will be in disabled state
      */
-    disabled?: boolean;
+    readonly disabled: ModelSignal<boolean>;
     /**
      * Defines a state whether the component will be invalid
      */
-    invalid: boolean;
+    readonly invalid: InputSignal<boolean>;
     /**
      * Defines an icon which will be used to the left of the info message
      */
-    messageIcon?: KitSvgIcon;
+    readonly messageIcon: InputSignal<KitSvgIcon | undefined>;
     /**
      * Defines a value which going to be an info message text
      */
-    messageText?: string;
+    readonly messageText: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a start date form control
      */
-    startDateControl: AbstractControl;
+    readonly startDateControl: InputSignal<AbstractControl>;
     /**
      * Defines a value that is going to be applied as an end date form control
      */
-    endDateControl: AbstractControl;
+    readonly endDateControl: InputSignal<AbstractControl>;
     /**
      * An action which is emitted when start date changed
      */
-    startDateChanged: EventEmitter<Date>;
+    readonly startDateChanged: OutputEmitterRef<Date>;
     /**
      * An action which is emitted when daterange popup closed
      */
-    closed: EventEmitter<KitDaterangeValue>;
+    readonly closed: OutputEmitterRef<KitDaterangeValue>;
     /**
      * An action which is emitted when end date changed
      */
-    endDateChanged: EventEmitter<Date>;
+    readonly endDateChanged: OutputEmitterRef<Date>;
     popup: DateRangePopupComponent;
     /**
      * An icon which will be used in a daterange input icon
@@ -1698,7 +1698,7 @@ declare class KitDaterangeComponent {
     onBlur(): void;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitDaterangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitDaterangeComponent, "kit-daterange", never, { "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "startLabel": { "alias": "startLabel"; "required": false; }; "endLabel": { "alias": "endLabel"; "required": false; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; }; "format": { "alias": "format"; "required": false; }; "defaultStartDate": { "alias": "defaultStartDate"; "required": false; }; "defaultEndDate": { "alias": "defaultEndDate"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "startDateControl": { "alias": "startDateControl"; "required": false; }; "endDateControl": { "alias": "endDateControl"; "required": false; }; }, { "startDateChanged": "startDateChanged"; "closed": "closed"; "endDateChanged": "endDateChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitDaterangeComponent, "kit-daterange", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "startLabel": { "alias": "startLabel"; "required": false; "isSignal": true; }; "endLabel": { "alias": "endLabel"; "required": false; "isSignal": true; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; "isSignal": true; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "defaultStartDate": { "alias": "defaultStartDate"; "required": false; "isSignal": true; }; "defaultEndDate": { "alias": "defaultEndDate"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "messageText": { "alias": "messageText"; "required": false; "isSignal": true; }; "startDateControl": { "alias": "startDateControl"; "required": false; "isSignal": true; }; "endDateControl": { "alias": "endDateControl"; "required": false; "isSignal": true; }; }, { "defaultStartDate": "defaultStartDateChange"; "defaultEndDate": "defaultEndDateChange"; "disabled": "disabledChange"; "startDateChanged": "startDateChanged"; "closed": "closed"; "endDateChanged": "endDateChanged"; }, never, never, true, never>;
 }
 
 interface KitCtaPanelItem {
@@ -1824,13 +1824,13 @@ interface KitRadioButton<T> {
 }
 
 declare class KitRadioButtonComponent<T> implements ControlValueAccessor {
-    items: KitRadioButton<T>[];
-    label: string | null;
-    name: string;
-    readonly: boolean;
-    disabled: boolean;
-    type: KitRadioButtonType;
-    changed: EventEmitter<KitRadioButton<T>>;
+    readonly items: InputSignal<KitRadioButton<T>[]>;
+    readonly label: InputSignal<string | null>;
+    readonly name: InputSignal<string>;
+    readonly readonly: InputSignal<boolean>;
+    readonly disabled: ModelSignal<boolean>;
+    readonly type: InputSignal<KitRadioButtonType>;
+    readonly changed: OutputEmitterRef<KitRadioButton<T>>;
     readonly kitRadioButtonType: typeof KitRadioButtonType;
     readonly KitSvgIcon: typeof KitSvgIcon;
     readonly KitSvgIconType: typeof KitSvgIconType;
@@ -1848,7 +1848,7 @@ declare class KitRadioButtonComponent<T> implements ControlValueAccessor {
     private getFirstPartOfUUID;
     private needToPrevent;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitRadioButtonComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitRadioButtonComponent<any>, "kit-radio-button", never, { "items": { "alias": "items"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitRadioButtonComponent<any>, "kit-radio-button", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "changed": "changed"; }, never, never, true, never>;
 }
 
 declare const buildRandomUUID: () => string;
@@ -1926,67 +1926,67 @@ declare class KitTimepickerComponent implements ControlValueAccessor {
     /**
      * Defines a value that is going to be applied as a timepicker label
      */
-    label: string | null;
+    readonly label: InputSignal<string | null>;
     /**
      * Defines a value that is going to be applied as a timepicker placeholder
      */
-    placeholder: string | null;
+    readonly placeholder: InputSignal<string | null>;
     /**
      * Defines a value that is going to be applied as a default timepicker value
      */
-    defaultValue: Date | null;
+    readonly defaultValue: ModelSignal<Date | null>;
     /**
      * Defines whether 24-hour time format will be applied to timepicker component
      */
-    longFormatEnabled: boolean;
+    readonly longFormatEnabled: InputSignal<boolean>;
     /**
      * Defines whether the component will be in disabled state
      */
-    disabled: boolean;
+    readonly disabled: ModelSignal<boolean>;
     /**
      * Defines a state whether the component will be invalid
      */
-    invalid: boolean;
+    readonly invalid: InputSignal<boolean>;
     /**
      * Specifies the smallest valid time value
      */
-    min: Date | null;
+    readonly min: InputSignal<Date | null>;
     /**
      * Specifies the biggest valid time value
      */
-    max: Date | null;
+    readonly max: InputSignal<Date | null>;
     /**
      * Defines the text of the Apply button in the popup footer of the component, "Apply" by default
      */
-    applyButtonText: string;
+    readonly applyButtonText: InputSignal<string>;
     /**
      * Defines the text of the Cancel button in the popup footer of the component, "Cancel" by default
      */
-    cancelButtonText: string;
+    readonly cancelButtonText: InputSignal<string>;
     /**
      * Defines an icon which will be used to the left of the info message
      */
-    messageIcon?: KitSvgIcon;
+    readonly messageIcon: InputSignal<KitSvgIcon | undefined>;
     /**
      * Defines a value which going to be an info message text
      */
-    messageText?: string;
+    readonly messageText: InputSignal<string | undefined>;
     /**
      * An action which is emitted when timepicker popup opened
      */
-    popupOpened: EventEmitter<void>;
+    readonly popupOpened: OutputEmitterRef<void>;
     /**
      * An action which is emitted when timepicker popup closed
      */
-    popupClosed: EventEmitter<void>;
+    readonly popupClosed: OutputEmitterRef<void>;
     /**
      * An action which is emitted when timepicker value changed
      */
-    changed: EventEmitter<Date>;
+    readonly changed: OutputEmitterRef<Date>;
     /**
      * An action which is emitted when timepicker input field lost focus
      */
-    blured: EventEmitter<void>;
+    readonly blured: OutputEmitterRef<void>;
     readonly KitSvgIcon: typeof KitSvgIcon;
     readonly longTimeFormat: string;
     readonly shortTimeFormat: string;
@@ -2000,7 +2000,7 @@ declare class KitTimepickerComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitTimepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitTimepickerComponent, "kit-timepicker", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "longFormatEnabled": { "alias": "longFormatEnabled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "applyButtonText": { "alias": "applyButtonText"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; }, { "popupOpened": "popupOpened"; "popupClosed": "popupClosed"; "changed": "changed"; "blured": "blured"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitTimepickerComponent, "kit-timepicker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "longFormatEnabled": { "alias": "longFormatEnabled"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "applyButtonText": { "alias": "applyButtonText"; "required": false; "isSignal": true; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "messageText": { "alias": "messageText"; "required": false; "isSignal": true; }; }, { "defaultValue": "defaultValueChange"; "disabled": "disabledChange"; "popupOpened": "popupOpened"; "popupClosed": "popupClosed"; "changed": "changed"; "blured": "blured"; }, never, never, true, never>;
 }
 
 declare enum KitSkeletonShape {
@@ -2450,43 +2450,43 @@ declare class KitDatepickerComponent implements ControlValueAccessor {
     /**
      * Defines a value that is going to be applied as a datepicker placeholder
      */
-    placeholder?: string;
+    readonly placeholder: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a datepicker label
      */
-    label?: string;
+    readonly label: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a datepicker label tooltip
      */
-    labelTooltip?: string;
+    readonly labelTooltip: InputSignal<string | undefined>;
     /**
      * Defines a value that is going to be applied as a default datepicker value
      */
-    defaultDate?: Date;
+    readonly defaultDate: ModelSignal<Date | undefined>;
     /**
      * Defines whether the component will be in disabled state
      */
-    disabled?: boolean;
+    readonly disabled: ModelSignal<boolean>;
     /**
      * Defines a value that is going to be applied as a datepicker format
      */
-    format: string;
+    readonly format: InputSignal<string>;
     /**
      * Specifies the smallest valid date
      */
-    min?: Date;
+    readonly min: InputSignal<Date | undefined>;
     /**
      * Specifies the biggest valid date
      */
-    max?: Date;
+    readonly max: InputSignal<Date | undefined>;
     /**
      * Defines an icon which will be used to the left of the info message
      */
-    messageIcon?: KitSvgIcon;
+    readonly messageIcon: InputSignal<KitSvgIcon | undefined>;
     /**
      * Defines a value which going to be an info message text
      */
-    messageText?: string;
+    readonly messageText: InputSignal<string | undefined>;
     /**
      * Defines the size of the datepicker input field
      */
@@ -2494,7 +2494,7 @@ declare class KitDatepickerComponent implements ControlValueAccessor {
     /**
      * An action which is emitted when datepicker value changed
      */
-    changed: EventEmitter<Date>;
+    readonly changed: OutputEmitterRef<Date>;
     /**
      * Defines a reference of the DatePicker component
      */
@@ -2513,12 +2513,12 @@ declare class KitDatepickerComponent implements ControlValueAccessor {
     onBlur(): void;
     onChange: (_value: Date) => void;
     onTouched: () => void;
-    writeValue(value: string): void;
+    writeValue(value: string | Date): void;
     registerOnChange(fn: (_: Date) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitDatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitDatepickerComponent, "kit-datepicker", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitDatepickerComponent, "kit-datepicker", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; "isSignal": true; }; "defaultDate": { "alias": "defaultDate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "messageText": { "alias": "messageText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "defaultDate": "defaultDateChange"; "disabled": "disabledChange"; "changed": "changed"; }, never, never, true, never>;
 }
 
 interface KitProfileMenuItem {