@anglr/datetime
Advanced tools
Changelog
Version 6.1.0 (2023-01-04)
WithTodaySADirective
WithNowSADirective
directive, that sets current date and time as day and time for empty date time on focusDateTimeInputHandlerSADirective
directive, that adds handler for date time input, which allows navigation using keyboard and checking restriction of valueDatePickerInputSADirective
directive, that combines date picker with date inputDateTimePickerInputSADirective
directive, that combines date time picker with date time inputparseRawInput
function, that parses raw value into internal value and valuegetInternalValue
function, gets internal value and fix lowest time differenceDateTimeSADirective
directive
customFormatChanges
occurs when there are changes in custom format valueChangelog
Version 6.0.0 (2022-12-23)
DateObject
type, that represents date object, either as date api or plainEventParser
service, that is used for parsing events into events to requested period
getEventsPerDay
gets events parsed per dayMonthCalendarComponent
component, that is used for displaying month calendar
OnInit
OnChanges
showWeekNumber
indication that week number should be displayeddisplay
date that should be displayed in month calendarweekDayName
format for displaying week day namesdayAspectRatio
aspect ratio for displayed calendar day cellevents
array of events that should be displayedCalendarDayTemplateDirective
CalendarDayTemplateContext
interface, that is context passed to template of calendar day
$implicit
data that are used for displaying calendar dayCalendarDayTemplateDirective
directive, that is used for obtaining custom calendar day template
template
template obtained by this structural directiveMonthCalendarModule
module, that is used for calendar displaying month
MonthCalendarComponent
CalendarDayTemplateDirective
SimpleDatePickerInputSADirective
directive, that combines date picker with simple date inputSimpleDateTimePickerInputSADirective
directive, that combines date time picker with simple date time inputSimpleDateTimeInputHandlerSADirective
directive, that adds simple handler for date time input, which allows simple navigation using keyboardCalendarDayAspectRatio
enum, that represents available aspect ratios for displaying calendar days
OneToOne
aspect ratio of width to height is 1:1 (square)ThreeToTwo
aspect ratio of width to height is 3:2FourToThree
aspect ratio of width to height is 4:3SixteenToTen
aspect ratio of width to height is 16:10SixteenToNine
aspect ratio of width to height is 16:9MonthCalendarDayFormat
enum, that represents available day formats for calendar day
None
no week day name displayedShort
short version of week day nameFull
full version of week day nameCalendarDayData
interface, that represents data for day for calendar
events
thin array of events array for daydate
date of dayday
number of day of monthisWeekend
indication whether is this day weekend dayisCurrentMonth
indication whether is this day for currently displayed monthweek
week number of year for dayCalendarEventDayMetadata
interface, that represents event metadata for day
EventData
WithDateApiFromTo
allDay
indication whether is event all day eventonGoingFrom
indication that event is ongoing from previous dateonGoingTo
indication that event is ongoing to next dateEventData
interface, that represents data for event that are passed to calendar
data
data for eventdateFrom
date when event startsdateTo
date when event endsWithDateApiFromTo
interface, that represents object that holds date api object for dateFrom and dateTo
dateApiFrom
date api for date when event startsdateApiTo
date api for date when event endsDateApiObject
interface
isSame
method which, compares whether is date same as provided dateformatISO
method which, formats date value as ISO string representationDateObject<TDate>
instead of just TDate
as argument
isBefore
isAfter
diffDays
isSameWeek
isSameDecade
isSameYear
isSameMonth
isSameDay
DateTimeSADirective
directive
DateTimeControlValueAccessorSADirective
directive
DateTimeInputSADirective
directive
DateTimeMaxValidatorSADirective
directive
DateTimeMinValidatorSADirective
directive
DateTimeValidatorSADirective
directive
DateTimePickerSADirective
directive
@anglr/datetime/moment
MomentDateApi
isSame
and formatISO
methods, and supports new DateObject<TDate>
argument@anglr/datetime/date-fns
DateFnsDateApi
isSame
and formatISO
methods, and supports new DateObject<TDate>
argumentNode.js
(14.20.0
or 16.13.0
or 18.10.0
)@angular
is now 15.0.4
@jscrpt/common
is now 3.3.0
@anglr/common
is now 15.0.1
tslib
is now 2.4.1
any
replaced by unknown
DateApiObjectCtor
interface
DateTimeDirective
to DateTimeSADirective
directiveDateTimeControlValueAccessorDirective
to DateTimeControlValueAccessorSADirective
directiveDateTimeInputDirective
to DateTimeInputSADirective
directiveDateTimeMaxValidatorDirective
to DateTimeMaxValidatorSADirective
directiveDateTimeMinValidatorDirective
to DateTimeMinValidatorSADirective
directiveDateTimeValidatorDirective
to DateTimeValidatorSADirective
directiveDateTimePickerDirective
to DateTimePickerSADirective
directiveLoopScrollDataDirective
to LoopScrollDataSADirective
directiveLoopScrollDirective
to LoopScrollSADirective
directivePickerBaseComponent
legacy componentPickerImplBaseComponent
legacy componentDateTimeDayPickerComponent
legacy componentDayPickerCssClasses
legacy interfaceDateTimeMonthPickerComponent
legacy componentMonthPickerCssClasses
legacy interfacescaleUpDownTrigger
legacy animationDateTimePickerLegacyComponent
legacy componentDateTimeRollerTimePickerComponent
legacy componentRollerTimePickerCssClasses
legacy interfaceYearPickerCssClasses
legacy componentCommonPickerCssClasses
legacy interfaceDateTimePickerCssClasses
legacy interfaceDateTimePickerLegacyOptions
legacy interfaceDateTimeLegacyPicker
legacy interfaceDATE_TIME_PICKER_CONFIGURATION
legacy tokenDateTimeLegacyPickerModule
legacy moduleenterLeaveAnimateChildTrigger
legacy animationDateTimeSelectorComponent
legacy componentDatetimeMaxValidatorDirective
legacy directiveDatetimeMinValidatorDirective
legacy directiveDateTimePickerRendererDirective
legacy directiveDatetimeValidatorDirective
legacy directiveDateTimeSelectorControlValueAccessor
legacy directiveDateTimeSelectorOptions
legacy interfaceDateTimeSelector
legacy interfaceDATE_TIME_SELECTOR_CONFIGURATION
legacy tokenDateTimeBasicSelectorModule
legacy moduleDateTimeSelectorModule
legacy modulemaxDatetime
legacy validator functionminDatetime
legacy validator functiondatetime
legacy validator functionValidators
legacy validators classDateTimeValueObject
legacy interfaceChangelog
Version 5.0.0 (2022-10-21)
DateTimeInputValue
interface, which defines date time input value API
value
current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValuevalueChange
occurs when value changesDateTimeInput
interface, which defines date time input and communication API for it
DateTimeInputValue
rawValue
value of date time, raw string value which is visible to userdisabled
indication whether is date time disabledfocus
occurs when input gains focusblur
occurs when input loses focuselement
html element that represents input itselfDateTimeModule
module for basic date time directives, components, pipes
DateTimeDirective,
DateTimeControlValueAccessorDirective
DateTimeInputDirective
DateTimeMaxValidatorDirective
DateTimeMinValidatorDirective
DateTimeValidatorDirective
DATE_TIME_INPUT
injection token, that is used for injecting type that represents date time inputDateTimeBase
class, that is base class for date time directives, contains basic shared data
DateTimeInputValue
OnDestroy
DateTimeInputDirective
directive, that is used for setting up date time input
DateTimeBase
DateTimeInput
OnDestroy
DATE_TIME_INPUT
providing selfDateTimeControlValueAccessorDirective
directive, that is control value accessor that is used for getting and setting value for date time
ControlValueAccessor
OnDestroy
NG_VALUE_ACCESSOR
providing selfDateTimeValidatorDirective
directive, that applies validator for date time
DateTimeBase
Validator
OnInit
NG_VALIDATORS
providing selfDateTimeMaxValidatorDirective
directive, that applies validator for date time max value
DateTimeBase
Validator
OnInit
NG_VALIDATORS
providing selfDateTimeMinValidatorDirective
directive, that applies validator for date time min value
DateTimeBase
Validator
OnInit
NG_VALIDATORS
providing selfDateTimeValueFormat
enum, that represents available formats for date time value
DateInstance
instance of dateUnixTimestamp
numeric unix timestamp in milisecondsFormattedString
formatted date as string valueRangeOfDateInstances
range of date instances from, toDateTimeObjectValue
type that represents parsed date value or values in case of rangeDateTimeInputOutputValue
type that represents input output types that can be processed by date timeparseDateTime
function, that parses date time input output valueformatDateTime
function, that formats value into specified format of date timeisDateTimeValue
function, that tests whether value is DateTimeValue
getSingleDateTimeValue
function, that gets single date time value, use in places where ranged date time can not be useddatetimeValidator
function, that is date time validator factory function, creates validator for checking validity of datetimedatetimeMaxValidator
function, that is date time validator factory function, creates validator for checking validity of datetime max valuedatetimeMinValidator
function, that is date time validator factory function, creates validator for checking validity of datetime min valueDateTimeValidationArgs
interface, that represents validations arguments for date time validators for model based forms
valueFormat
format of validated valuestringFormat
format of string valuemaxValue
max allowed valueminValue
min allowed valuedateTimeModelValidatorFactory
function, that is factory function that creates validator function factoryDateTime
decorator, that sets date time validator to property on which is usedDateTimePickerModule
module, that is module for components that are used as date time picker
DateTimePickerComponent
DateTimePickerDirective
DateTimePickerDirective
directive, that is directive that is used for displaying and attaching date time picker
DateTimeBase
OnInit
OnDestroy
withPickerOptions
gets or sets options for date time picker directiveshowPicker
hides date time pickerhidePicker
shows date time pickerDateTimePickerComponent
directive, which is component used for displaying date time picker
DateTimeDirective
DateTimeInputValue
OnChanges
OnDestroy
OnInit
value
docs from DateTimeInputValue
options
options for date time pickervalueChange
docs from DateTimeInputValue
DateTimePicker
interface, which describes date time picker API for each date time period
Invalidatable
value
value of date time pickerdisplay
date that describes which date should be displayedmaxDate
max allowed dateminDate
min allowed date to be selectedcanScaleUp
indication whether picker can display scale date time period upcanScaleDown
indication whether picker can display scale date time period downranged
indication whether is value range of two values or single valuevalueChange
occurs when date time picker value changesscaleUp
occurs when period should be scaled upscaleDown
occurs when period should be scaled downDateTimePickerDirectiveOptions
directive, which is defintion of date time picker directive options
closeOnValueSelect
indication whether close picker on value selectioncloseOnBlur
indication whether close picker when date time input loses focusshowOnFocus
indication whether display picker when date time input gets focusalwaysVisible
indication whether is picker always visible, mostly used for debuggingdisabled
indication whether picker is disabled, if true, you cant display pickerabsolute
indication whether use absolute global positioning of pickerpositionOptions
position options that are used to position pickerpickerCssClass
custom css class that is being added to picker componentDATE_TIME_PICKER_DIRECTIVE_OPTIONS
injection token for global options for date time picker directiveDATE_TIME_PICKER_OPTIONS
injection token for global options for date time picker componentDateTimePeriodPickerBase
class, which is base abstract class for each date time period picker
DateTimePicker
DateTimePickerOptions
interface, that is defintion of date time picker component options
periodsDefinition
definition of types for each period type for pickerdefaultPeriod
name of default period for picker that is displayed after openingDateTimeDirective
directive, that holds shared data for date time, like formats, restrictions
OnDestroy
maxDateTimeChanges
occurs when there are changes in max date time valueminDateTimeChanges
occurs when there are changes in min date time valuevalueFormat
gets or sets date time value format which is being worked with in this date timeformat
gets or sets format of string representation of datecustomFormat
custom format string representation of datemaxDateTime
gets or sets max allowed date for date timeminDateTime
gets or sets min allowed date for date timeDayPickerSAComponent
component, which is used for displaying day picker
DateTimePeriodPickerBase
DateTimePicker
MonthPickerSAComponent
component, which is used for displaying month picker
DateTimePeriodPickerBase
DateTimePicker
YearPickerSAComponent
component, which is used for displaying year picker
DateTimePeriodPickerBase
DateTimePicker
RollerTimePickerSAComponent
component, which is used for rendering roller time picker
DateTimePeriodPickerBase
DateTimePicker
WithTimeSADirective
directive, that sets up usage of date time picker to use time format and time pickerWithTodaySADirective
directive, that sets today as day for empty date time on focusDateApiObject
interface
unixTimestamp
method, that gets value of date time as unix timestampDateFormatPipe
transform
@anglr/datetime/moment
MomentDateApi
unixTimestamp
@anglr/datetime/date-fns
DateFnsDateApi
unixTimestamp
Node.js
version 12
@angular
is now 14.2.6
rxjs
is now 7.5.6
@jscrpt/common
is now 3.1.0
@anglr/common
is now 14.1.0
tslib
is now 2.4.0
moment
is now 2.29.4
date-fns
is now 2.29.3
positions
DateTimeValue
interface
from
can now also be undefined
or null
to
can now also be undefined
or null
DateTimeRelativeParser
service
m
means minutes and M
means monthsDateTimePickerModule
renamed to DateTimeLegacyPickerModule
DateTimePickerComponent
renamed to DateTimePickerLegacyComponent
DateTimePicker
renamed to DateTimeLegacyPicker
DateTimePickerOptions
renamed to DateTimePickerLegacyOptions
DateFormatPipe
customFormat
new parameter