Socket
Socket
Sign inDemoInstall

@anglr/datetime

Package Overview
Dependencies
81
Maintainers
2
Versions
89
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @anglr/datetime

Angular library for datetime manipulation components


Version published
Weekly downloads
721
increased by48.97%
Maintainers
2
Install size
1.24 MB
Created
Weekly downloads
 

Changelog

Source

Version 3.0.0 (2022-05-04)

Bug Fixes

  • fixed date-fns bug with displaying dateTime format
  • fixed placeholder value of undefined
  • fixed problem with occasionally error cant access property length
  • fixed not working setting disabled or enabled from code
  • fixed problem with writing date manually into input

Features

  • DateApiObject interface
    • new startOfHour method, that updates value to start date and time of current hour
    • new endOfHour method, that updates value to end date and time of current hour
    • new addHours method, that add hours, if count not specified adds 1 hour
    • new subtractHours method, that subtract hours, if count not specified subtract 1 hour
    • new startOfMinute method, that updates value to start date and time of current minute
    • new endOfMinute method, that updates value to end date and time of current minute
    • new addMinutes method, that add minutes, if count not specified adds 1 minute
    • new subtractMinutes method, that subtract minutes, if count not specified subtract 1 minute
    • new hour method, that gets or sets hours zero based
    • new minute method, that gets or sets minutes zero based
  • DateTimeRelativeParser now supports hours and minutes as relative values
  • updated DateApi interface
    • new isDate method, that tests whether is value TDate
  • FormatProvider interface
    • new year property, that is format token for displaying full year
    • new month property, that is format token for displaying month double digit number
    • new week property, that is format token for displaying week double digit number
    • new day property, that is format token for displaying day double digit number
    • new hour property, that is format token for displaying hour (24h format) double digit number
    • new minute property, that is format token for displaying minute double digit number
    • new second property, that is format token for displaying second double digit number
    • new dayName property, that is format token for displaying standalone day full name
    • new dayNameShort property, that is format token for displaying standalone day short name
    • new monthName property, that is format token for displaying standalone month full name
    • new monthNameShort property, that is format token for displaying standalone month short name
  • DateTimeSelectorOptions interface
    • now allows absolute positioning of picker, which is default
    • new pickerAbsolute property, that is indication whether use absolute positioning of picker
    • new positionOptions property, that is position options that are used in case of absolute picker
    • new pickerAbsoluteContainer property, that is css selector for absolute picker container
  • new PickerImplBaseComponent abstract component, that is base class used as base for picker as base implementation of DateTimePicker interface
  • updated PickerBaseComponent now extends PickerImplBaseComponent
  • new DateTimePickerRendererDirective directive, that is used for rendering datetime picker in selector
    • inputs
      • options current options used by selector
      • dateTimePicker current selected value
      • minValue gets or sets minimal possible value for picker, that can be picked
      • maxValue gets or sets maximal possible value for picker, that can be picked
      • selectorElement selector element which is used during absolute positioning of picker
    • outputs
      • valueChange occurs when value changes
  • DateTimeDayPickerComponent component now supports scaling down to time
  • CommonPickerCssClasses interface
    • new clickable property, that is name of css class that represents clickable items in picker
  • new DateTimeRollerTimePickerComponent component used for rendering roller time picker
  • new RollerTimePickerCssClasses interface, that holds specific css classes for roller time picker
  • new LoopScrollDirective directive that renders loop scroll for array of elements
    • selector "loopScroll"
    • inputs
      • loopScroll value that is being set in loop scroll
      • open indication whether is currently selection scroll open
    • outputs
      • loopScrollChange occurs when current value of loop scroll changes
    • ContentChildren of LoopScrollDataDirective, that is array of items that are loop scrolled
  • new LoopScrollData interface, that represents data for LoopScrollDirective
  • new LoopScrollDataDirective directive, that is loop scroll data that are used inside LoopScrollDirective
    • selector "loopScrollData"
    • inputs
      • loopScrollData data for loop
      • clone indication that this node is clone
  • updated InputDateTimeSelectorComponent now supports hours and minutes
  • updated DateValueProvider now supports hours and minutes
  • subpackage @anglr/datetime/moment
    • updated MomentDateApi
      • to correspond with DateApi interface
    • updated MomentDateApiObject to correspond with DateApiObject interface
    • updated MOMENT_FORMAT_PROVIDER to correspond with FormatProvider interface
  • subpackage @anglr/datetime/date-fns
    • updated DateFnsDateApi
      • to correspond with DateApi interface
    • updated DateFnsDateApiObject to correspond with DateApiObject interface
    • updated DATEFNS_FORMAT_PROVIDER to correspond with FormatProvider interface

BREAKING CHANGES

  • minimal supported version of @anglr/common is 11.2.0
  • removed AsRequiredTypePipe replaced with one from @anglr/common
  • strict null checks
  • both DateTimePickerOptions and DateTimeSelectorOptions have now all properties required, and options are now passed as Partial
  • updated CommonPickerCssClasses have now all properties required, and setting is now passed as Partial

Readme

Source

npm version Build status

Angular Datetime

Library that contains components and directives used for datetime manipulation.

Keywords

FAQs

Last updated on 04 May 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc