Ok, these are the code that i use :DatetimeField Class

import { ManagerFormField } from '../manager/manager_form_field.model';
import { Functions } from '../../_functions/functions';
import { ParameterDate } from './_parameterDate';

export class DateTimeField extends ManagerFormField<string> {
  params: ParameterDate = new ParameterDate();

  constructor(options: {} = {}) {
    super(options);

    // VALUE
    this.value = Functions.newDate(this.value);

    // PARAMETERS
  }
}

• ParameterDate Class :

  import { Parameter } from './_parameter';

  export class ParameterDate extends Parameter { // TRADUCTION dayLabels: {} = { su: 'Dim', mo: 'Lun', tu: 'Mar', we: 'Mer', th: 'Jeu', fr: 'Ven', sa: 'Sam' }; dayLabelsFull: {} = { su: 'Dimanche', mo: 'Lundi', tu: 'Mardi', we: 'Mercredi', th: 'Jeudi', fr: 'Vendredi', sa: 'Samedi' }; monthLabels: {} = { 1: 'Jan', 2: 'Fév', 3: 'Mar', 4: 'Avr', 5: 'Mai', 6: 'Jun', 7: 'Jui', 8: 'Aou', 9: 'Sep', 10: 'Oct', 11: 'Nov', 12: 'Déc' }; monthLabelsFull: {} = { 1: 'Janvier', 2: 'Févier', 3: 'Mars', 4: 'Avril', 5: 'Mai', 6: 'Juin', 7: 'Juillet', 8: 'Août', 9: 'Septembre', 10: 'Octobre', 11: 'Novembre', 12: 'Décembre' }; // PARAMETERS firstDayOfWeek = 'mo'; dateFormat = 'dd/mm/yyyy'; minYear = 1900; maxYear = 2100; showWeekNumbers = true;}constructor(data?: any) { super(data);}
  

• Typrscript code :

  import {AfterViewChecked, AfterViewInit, Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, ViewChild, ViewChildren} from '@angular/core';
  

>  import { Router } from '@angular/router';import { FormArray,
> FormControl, FormGroup, ReactiveFormsModule } from
> '@angular/forms';import { ManagerForm } from
> '../../../\_models/manager/manager\_form.model';import {
> ManagerFormField } from
> '../../../\_models/manager/manager\_form\_field.model';import {
> ManagerFormSection } from
> '../../../\_models/manager/manager\_form\_section.model';import {
> EnterpriseField } from
> '../../../\_models/\_field/enterprise.model';import { AppService }
> from '../../../\_services/app.service';// import { UploaderOptions,
> UploadFile, UploadInput, UploadOutput, UploadProgress, humanizeBytes }
> from 'ngx-uploader';import { FileUploader } from
> 'ng2-file-upload';import { FileField } from
> '../../../\_models/\_field/file.model';// import {
> ToastUiImageEditorComponent } from 'ngx-tui-image-editor';import
> {NgbModal, ModalDismissReasons} from
> '@ng-bootstrap/ng-bootstrap';import {AppModalComponent} from
> '../../modal/components/app.modal.component';import
> {AppModalFormComponent} from
> '../../modal/components/app.modal.form.component';

@Component({ selector: 'app-field', templateUrl: '../templates/app.field.component.html', styleUrls: \['../scss/app.field.component.scss'\]})export class AppFieldComponent implements OnInit, OnChanges, AfterViewInit, AfterViewChecked { // @ViewChild('imageEditor') editorComponent: ToastUiImageEditorComponent; @ViewChild('selectImage') selectImage: ElementRef; @Input() tempForm: FormArray; @Input() form: ManagerForm; @Input() section: ManagerFormSection; @Input() loop: string; @Input() values: \[\]; // VALUES fields: ManagerFormField\[\] = \[\]; // DATE FORMAT input\_date\_format\_ddmmyyyy = \['dd', 'mm', 'yyyy'\]; input\_date\_separator = '/';constructor( private router: Router, // private appService: AppService, // private modalService: NgbModal ) { // LOG appService.logService.log\_construct('app.field.component'); }

ngOnChanges(): void { // FIELDS & BINDING this.getFields(); }

getFields() { this.fields = \[\]; Object.keys(this.tempForm.controls\['fields'\]\['controls'\]).forEach(key => { let field = this.section.fields.find(f => 'field.' + f.id === key); field = field ?? this.section.fields\_depending\_value.find(f => 'field.' + f.id === key); this.fields.push(field); } // FIELD CHANGE BINDING this.tempForm.controls\['fields'\]\['controls'\]\[key\].valueChanges.subscribe(x => { // GET DYNAMIC FORM if (field.refresh\_dynamic && this.tempForm.controls\['fields'\]\['controls'\]\[key\].valid) { setTimeout(() => this.appService.formService.updateDynamicForm(this.form)); // TIMEOUT IS NEEDED BECAUSE FORM IS NOT UPDATED YET } }); }); }