DateTimeUI

This component provides for combinations of dates and times

Parameters

• fieldType: “date” | “datetime-local” | “month” | “time” | “week” – there are various kinds of text field input each with its own type. If the inputType is omitted then “text” is used.
  • “date” – a date selector.
  • “datetime-local” – a combination of date and time using the local timezone
  • “month” – a month selector
  • “time” – entering a time in the local timezone.
  • “week” – selecting a specific week.

Attributes

• .getF( getFF: ()=>string ) – the getFF function returns the current value of the date/time string to be edited.
• .setF( setFF: (newVal:string)=>void) – the setFF function will be called when the user changes the selection.
• .readonly(readonly:true) – if this is set to true then the button will be displayed but inactive and non-responsive. The default is false. This is for displaying a stylistically consistent but inactive user interface.

Examples

let name:string = null;
new DateTime("date")
     .getF(()=>{ return date; })
     .setF((newDate:string)=> { date=newDate; } );

Styling

• InputUI– the default styling.