Skip to content
Windmillcode CDK

WML Input

Switch to Normal Mode

The Angular WML Input library is a specialized Angular component designed to enhance the form input experience in Angular applications. It provides a robust set of features that simplify the process of creating, validating, and managing form inputs, particularly focusing on user interaction and data binding. The library aims to solve common problems associated with form handling in Angular, such as maintaining sync between the UI and the model, providing instant feedback to users, and integrating seamlessly with Angular’s form validation mechanisms. By offering a comprehensive suite of input-related functionalities helps developers build more interactive, user-friendly forms with less boilerplate code.

Installation

Terminal window
npm install -s --verbose @windmillcode/angular-wml-input @windmillcode/angular-wml-input

Usage

WMLInputZero

Getting Started

Input Fields

Reference

WMLInputZeroProps

PropertyTypeDescription
inputWMLInputZeroAreaPropsInput area parameters
textareaWMLInputZeroAreaPropsTextarea parameters
rangeWMLInputZeroAreaPropsRange input parameters
checkboxWMLInputZeroCheckboxPropsCheckbox input parameters
datetimeWMLInputZeroDatetimePropsDatetime input parameters
type”datetime” | “range” | “input” | “number” | “password” | “email” | “tel” | “textarea” | “checkbox”Input type
wmlFieldWMLFieldWMLField instance for customization

WMLInputZeroAreaProps

PropertyTypeDescription
placeholderstringPlaceholder for input area
autocompletestringString values for the autocomplete attribute

WMLInputZeroCheckboxProps

PropertyTypeDescription
descanyDescription for checkbox input

WMLInputZeroDatetimeProps

PropertyTypeDescription
minDateMinimum date for input
maxDateMaximum date for input
htmlMinstringHTML-formatted minimum date
htmlMaxstringHTML-formatted maximum date
autocompletestringString values for the autocomplete attribute

Changelog

v2.0.0

BREAKING CHANGE WmlInputProps.input,WmlInputProps.textarea now have the type WMLInputAreaProps which extends WMLUIProperty with the placeholder application code will break must be updated

v3.0.1

  • MAJOR rename to angular-wml-input
    • fixed major problems concerning ngx-translate
// translate
// first make sure to have ONLY ONE in the imports for AppModule
    TranslateModule.forRoot({
      defaultLanguage: 'en',
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps:[HttpClient]
      }
    }),
// then
WmlInputNGXTranslateModule
// for regular
WmlInputModule
  • all input types have id properties

v16.2.6-0

  • added in datetime support along with min max controls
  • example
new WmlInputProps({
  type:"datetime",
  datetime:new WMLInputDatetimeProps({
    min:new Date()
  })
}),

v16.2.61

  • added support to help customize checkbox

v16.2.70

  • additional updates

v16.2.71

[BREAKING CHANGE]

  • input does not use the id from the wmlfield.view, it uses its own corresponding type id %!(EXTRA string=

v16.2.80

  • updated package to reflect the version 16.2.80 of @angular/core package),

v16.2.80

  • updated package to reflect the version 16.2.80 of @angular/core package,

v16.2.90

  • updated package to reflect the version 16.2.90 of @angular/core package,

v16.2.91

  • updated package to reflect the version 16.2.91 of @angular/core package,

v16.2.93

  • updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

v16.2.100

  • updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

v16.2.110

  • updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

v16.2.120

  • updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

v17.0.10

  • updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

v17.0.11

  • updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

v17.0.20

  • updated package to reflect the version ^17.0.2 of @angular/core package,

v17.0.40

  • updated package to reflect the version ^17.0.4 of @angular/core package,

v17.0.50

  • updated package to reflect the version ^17.0.5 of @angular/core package,

v17.0.60

  • updated package to reflect the version ^17.0.6 of @angular/core package,

v17.0.70

  • updated package to reflect the version ^17.0.7 of @angular/core package,

v17.0.7100

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.0.7200

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.0.7300

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.0.80

  • updated package to reflect the version ^17.0.8 of @angular/core package,

v17.0.8100

  • updated package to conform with @windmillcode/angular-wml-components-base

v17.0.8101

  • replaced ControlValueAccessor with the use of the formcontrol from wmlField.getReactiveFormControl, making integration without wml-form much easier ,

v17.0.8102

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.0.8103

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.0.9000

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.0.9001

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.1.0000

  • updated package to reflect the version ^17.1.0 of @angular/core package,

v17.1.2

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.1.1000

  • updated package to conform with @windmillcode/angular-wml-components-base

v17.1.1001 [2/5/24]

  • added feature where each type can get its own class added to the target input element

,

v17.1.2000 [2/5/24]

  • updated package to reflect the version ^17.1.2 of @angular/core package,

v17.1.2001 [2/8/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.1.3000 [2/8/24]

  • updated package to reflect the version ^17.1.3 of @angular/core package,

v17.2.1000 [2/17/24]

  • updated package to reflect the version ^17.2.1 of @angular/core package,

v17.2.2000 [2/23/24]

  • updated package to reflect the version ^17.2.2 of @angular/core package,

v17.2.2001 [2/23/24]

  • updated package to reflect the version ^17.2.2 of @angular/core package,

v17.2.3000 [2/28/24]

  • updated package to reflect the version ^17.2.3 of @angular/core package,

v17.2.3001 [3/2/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.2.3002 [3/5/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.2.4000 [3/8/24]

  • updated package to reflect the version ^17.2.4 of @angular/core package,

v17.2.4001 [3/12/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.2.4002 [3/12/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.2.4003 [3/13/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.2.4004 [3/13/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.3.0 [3/17/24]

  • updated package to reflect the version ^17.3.0 of @angular/core package ,

v17.3.1000 [3/22/24]

  • updated package to reflect the version ^17.3.1 of @angular/core package,

v17.3.2000 [3/28/24]

  • updated package to reflect the version ^17.3.2 of @angular/core package,

v17.3.3000 [4/4/24]

  • updated package to reflect the version ^17.3.3 of @angular/core package,

v17.3.4000 [4/11/24]

  • updated package to reflect the version ^17.3.4 of @angular/core package,

v17.3.4001 [4/16/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.3.5000 [4/20/24]

  • updated package to reflect the version ^17.3.5 of @angular/core package,

v17.3.5110 [5/1/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v17.3.6000 [5/1/24]

  • updated package to reflect the version ^17.3.6 of @angular/core package,

v17.3.7000 [5/9/24]

  • updated package to reflect the version ^17.3.7 of @angular/core package,

v17.3.8000 [5/9/24]

  • updated package to reflect the version ^17.3.8 of @angular/core package,

v17.3.9000 [5/16/24]

  • updated package to reflect the version ^17.3.9 of @angular/core package,

v18.0.1 [5/22/24]

  • updated package to reflect the version ^18.0.0 of @angular/core package,

v18.0.4 [5/25/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v18.0.1000 [5/29/24]

  • updated package to reflect the version ^18.0.1 of @angular/core package,

v18.0.2000 [6/6/24]

  • updated package to reflect the version ^18.0.2 of @angular/core package,

v18.0.3000 [6/13/24]

  • updated package to reflect the version ^18.0.3 of @angular/core package,

v18.0.3010 [6/18/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v18.0.4000 [6/23/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v18.0.5000 [6/26/24]

  • updated package to reflect the version ^18.0.5 of @angular/core package,

v18.0.6000 [7/5/24]

  • updated package to reflect the version ^18.0.6 of @angular/core package,

v18.1.4 [7/13/24]

  • updated package to reflect the version ^18.1.0 of @angular/core package,

v18.1.6 [7/14/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v18.1.1000 [7/18/24]

  • updated package to reflect the version ^18.1.1 of @angular/core package,

v18.1.2000 [7/24/24]

  • updated package to reflect the version ^18.1.2 of @angular/core package,

v18.1.2300 [7/27/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v18.1.2301 [7/30/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v18.1.3000-beta1 [8/1/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v18.1.3000-beta2 [8/1/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v18.1.3000-beta3 [8/1/24]

  • updated package to conform with @windmillcode/angular-wml-components-base ,

v18.1.3000-beta4 [8/1/24]

v18.1.3001 [8/2/24]

[BREAKING CHANGE] removed WMLInputZeroProps.checkboxDesc

v18.1.3001 [8/4/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.1.3002 [8/4/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.1.3002 [8/5/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.1.3003 [8/5/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.1.3004 [8/5/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.1.3005 [8/5/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.1.3006 [8/5/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.1.3007 [8/5/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.1.4000 [8/14/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.1.4001 [8/14/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.2.0 [8/15/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.2.1 [8/20/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.2.1000 [8/22/24]

  • updated package to reflect the version 18.2.1 of @angular/core package

v18.2.2000 [8/30/24]

  • updated package to reflect the version 18.2.2 of @angular/core package

v18.2.2100 [9/1/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.2.2101 [9/1/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.2.2200 [9/3/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.2.3000 [9/4/24]

  • updated package to reflect the version 18.2.3 of @angular/core package

v18.2.3100 [9/8/24]

  • updated package to reflect the version 18.2.3 of @angular/core package

v18.2.3110 [9/10/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.2.3112 [9/10/24]

  • updated package to conform with @windmillcode/angular-wml-components-base

v18.2.4000 [9/16/24]

  • updated package to reflect the version 18.2.4 of @angular/core package

v18.2.4100 [9/19/24]

  • updated package to conform with @windmillcode/wml-components-base

v18.2.4200 [9/21/24]

  • updated package to conform with @windmillcode/wml-components-base

v18.2.5001 [9/22/24]

  • updated package to reflect the version 18.2.5 of @angular/core package

v18.2.6000 [10/1/24]

  • updated package to reflect the version 18.2.6 of @angular/core package

v18.2.7000 [10/2/24]

  • updated package to reflect the version 18.2.7 of @angular/core package

v18.2.7001 [10/5/24]

  • updated package to conform with @windmillcode/wml-components-base

v18.2.7010 [10/9/24]

  • updated package to conform with @windmillcode/wml-components-base

v18.2.7020 [10/10/24]

  • updated package to conform with @windmillcode/wml-components-base

v18.2.8000 [10/10/24]

  • updated package to reflect the version 18.2.8 of @angular/core package

v18.2.8000 [10/11/24]

  • updated package to reflect the version 18.2.8 of @angular/core package

v18.2.8001 [10/11/24]

  • updated package to conform with @windmillcode/wml-components-base

v18.2.9000 [10/23/24]

  • updated package to conform with @windmillcode/wml-components-base

v18.2.10000 [10/31/24]

  • updated package to conform with @windmillcode/wml-components-base

v18.2.11000 [11/7/24]

  • updated package to conform with @windmillcode/wml-components-base

v18.2.12000 [11/15/24]

  • updated package to conform with @windmillcode/wml-components-base

v18.2.12001 [11/17/24]

  • updated package to conform with @windmillcode/wml-components-base

v19.0.0 [11/19/24]

  • updated package to conform with @windmillcode/wml-components-base

v19.0.3 [11/20/24]

  • updated package to conform with @windmillcode/wml-components-base

v19.0.4 [11/26/24]

  • updated package to conform with @windmillcode/wml-components-base

v19.0.1000 [11/26/24]

  • updated package to conform with @windmillcode/wml-components-base

v19.0.2000 [12/4/24]

  • updated package to reflect the version 19.0.2 of @angular/core package

v19.0.3000 [12/6/24]

  • updated package to reflect the version 19.0.3 of @angular/core package

v19.0.4000 [12/12/24]

  • updated package to reflect the version 19.0.4 of @angular/core package

v19.0.5000 [12/19/24]

  • updated package to reflect the version 19.0.5 of @angular/core package

v19.0.5100 [12/29/24]

  • updated package to conform with @windmillcode/wml-components-base

v19.0.6000 [1/12/25]

  • updated package to reflect the version 19.0.6 of @angular/core package

v19.0.7000 [1/16/25]

  • updated package to reflect the version 19.0.7 of @angular/core package

v19.1.0 [1/17/25]

  • updated package to reflect the version 19.1.0 of @angular/core package

v19.1.1000 [1/17/25]

  • updated package to reflect the version 19.1.1 of @angular/core package

v19.1.2000 [1/23/25]

  • updated package to reflect the version 19.1.2 of @angular/core package

v19.1.3000 [1/23/25]

  • updated package to reflect the version 19.1.3 of @angular/core package

v19.1.3100 [1/23/25]

  • update package to support the react native ecosystem

v19.1.3111 [1/27/25]

  • updated package to conform with @windmillcode/wml-components-base

v19.1.3112 [1/28/25]

  • updated package to conform with @windmillcode/wml-components-base

v19.1.4000 [1/31/25]

  • updated package to reflect the version 19.1.4 of @angular/core package

v19.1.5000 [2/8/25]

  • updated package to reflect the version 19.1.5 of @angular/core package

v19.1.6000 [2/13/25]

  • updated package to reflect the version 19.1.6 of @angular/core package

v19.1.7000 [2/21/25]

  • updated package to reflect the version 19.1.7 of @angular/core package

v19.1.8000 [3/4/25]

  • updated package to reflect the version 19.1.8 of @angular/core package

v19.2.0 [3/4/25]

  • updated package to reflect the version 19.2.0 of @angular/core package

v19.2.1000 [3/9/25]

  • updated package to reflect the version 19.2.1 of @angular/core package

v19.2.2000 [3/15/25]

  • updated package to reflect the version 19.2.2 of @angular/core package

v19.2.3000 [3/21/25]

  • updated package to reflect the version 19.2.3 of @angular/core package

v19.2.4000 [3/27/25]

  • updated package to reflect the version 19.2.4 of @angular/core package

v19.2.5000 [4/3/25]

  • updated package to reflect the version 19.2.5 of @angular/core package

v19.2.5001 [4/6/25]

  • updated package to conform with @windmillcode/wml-components-base

v19.2.5100 [4/10/25]

  • updated package to conform with @windmillcode/wml-components-base

v19.2.6000 [4/10/25]

  • updated package to conform with @windmillcode/wml-components-base