@atlantis-of-code/aoc-client documentation
  1. Components
  2. AocUiDatetimePickerComponent

File

projects/aoc-client/ui/form/aoc-ui-datetime-picker/aoc-ui-datetime-picker.component.ts

Implements

OnInit AfterViewInit OnDestroy ControlValueAccessor

Metadata

encapsulation ViewEncapsulation.None
selector aoc-ui-datetime-picker
standalone true
imports AocUiOverlayComponent NgIf AocUiInputTextDirective AocUiInputGroupComponent NgForOf NgClass AocUiButtonDirective AocUiTooltipDirective
templateUrl ./aoc-ui-datetime-picker.component.html

Index

Properties
Methods
Inputs
Outputs
HostBindings
Accessors

Constructor

constructor(ngControl: NgControl, localeId: string, aocUiDatetimePickerMode: AocUiDatetimePickerMode, aocUiDatetimePickerFormats: AocUiDatetimePickerFormats, aocUiDatetimePickerService: AocUiDatetimePickerService, aocUiLoggerService: AocUiLoggerService, l: AocUiLoggerDirective)
Parameters :
Name Type Optional
ngControl NgControl No
localeId string No
aocUiDatetimePickerMode AocUiDatetimePickerMode No
aocUiDatetimePickerFormats AocUiDatetimePickerFormats No
aocUiDatetimePickerService AocUiDatetimePickerService No
aocUiLoggerService AocUiLoggerService No
l AocUiLoggerDirective No

Inputs

autofocus
Type : boolean
format
Type : string

date, dateTime and time formats, following: https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table take into account: this is used to convert Date => string: https://angular.io/api/common/formatDate (formats here: https://angular.io/api/common/DatePipe#custom-format-options) this is used to convert string => Date: https://date-fns.org/v2.28.0/docs/parse you can always provide AocUiDatetimePickerFormatsToken for overriding default formats
inputId
Type : string
max
Type : Date
min
Type : Date
mode
Type : AocUiDatetimePickerMode
Default value : 'dateTime'

mode: 'date' is calendar with year, month, day... 'dateTime' is calendar with days and hour, minute, second... 'time' is only hour, minute, second... default mode is 'dateTime'. You can use AocUiDatetimePickerModeToken to provide a default mode globally
name
Type : string
placeholder
Type : string
rangeLink
Type : AocUiDatetimePickerRangeLink
readonly
Type : boolean
Default value : false
tabindex
Type : number

Outputs

onBlur
Type : EventEmitter<any>
onFocus
Type : EventEmitter<any>
onInput
Type : EventEmitter<any>

HostBindings

class
Type : any
class.aoc-ui-disabled
Type : boolean
Default value : false

Methods

registerOnChange
registerOnChange(fn: any)
Parameters :
Name Type Optional
fn any No
Returns : void
registerOnTouched
registerOnTouched(fn: any)
Parameters :
Name Type Optional
fn any No
Returns : void
setDisabledState
setDisabledState(isDisabled: boolean)
Parameters :
Name Type Optional
isDisabled boolean No
Returns : void
writeValue
writeValue(value: any)
Parameters :
Name Type Optional
value any No
Returns : void

Properties

accessibleInput
Type : ElementRef
Decorators :
@ViewChild('accessibleInput')
Public aocUiDatetimePickerService
Type : AocUiDatetimePickerService
Public control
Type : AbstractControl | null
Default value : null
disabled
Default value : false
Decorators :
@HostBinding('class.aoc-ui-disabled')
onChange
Type : function
Default value : () => {...}
onTouched
Type : function
Default value : () => {...}
showPanelButton
Type : ElementRef
Decorators :
@ViewChild('showPanelButton')
Public value
Type : Date | null
Default value : new Date()

Accessors

controlClasses
getcontrolClasses()

results matching ""

    No results matching ""