Loading...
 

Date and Time Picker

Use cases

  • Tracker date and datetime fields.

Desired features

Essential

  • Compatible License (We can ask for relicense, as we have done this many time with success.)
  • Bootstrap and responsive (and works well in touch interface) (and move away from jQuery UI)
  • Date picker, and optional time picker

Ideally

  • Handling for TimeZones (If widget doesn't support it, we can just use a distinct field)

Candidates

https://patternslib.com/demos/date-picker

https://www.avonnicomponents.com/components/date-time-picker/

https://carbondesignsystem.com/components/date-picker/usage/

https://nhn.github.io/tui.date-picker/latest/tutorial-example04-having-timepicker

  • Pros
    • Offers an optional time picker
    • Support internationalization
    • Customizable
  • Cons
    • No alt field support
    • No timezone picker
  • Stats
    • Over 2.3k usages
    • 92 stars
    • Last updated 2 years ago

https://github.com/t1m0n/air-datepicker

  • Pros
    • Cool animations if the user prefers animations :-)
    • Mild-activity on the repository (as of now, the last commit has been made 7 months ago)
    • Lightweight
    • Support keyboard navigation
    • Responsive
    • customizable
    • Detailed documentation
    • Doesn't depend on any external library
    • Popular (2.5k star on gitHub)
    • Alt field support
  • Cons
    • Doesn't provide a timezone picker.

https://github.com/mymth/vanillajs-datepicker

  • Pros
    • Keyboard navigation
    • Doesn't depend on any external library
    • Lightweight — 35kB (minified, uncompressed, 11kB when gzipped)
    • Active repository (as of now, the last commit has been made 3 months ago)
    • Alt field support
  • Cons
    • Doesn't offer neither a timer nor a timezone picker

https://github.com/amsul/pickadate.js

  • No activity on GitHub (last commit since 5 years ago)

https://flatpickr.js.org

  • no dependencies and supports and alt input which we need to store the unix timestamp
  • doesn't show activities on GitHub for quite some time, not sure if it's still maintained.

https://github.com/Eonasdan/tempus-dominus

https://github.com/eternicode/bootstrap-datepicker/blob/master/composer.json

  • Also seems to be only for bootstrap 3 or 2

Available options in Vuejs

https://github.com/Vuepic/vue-datepicker

  • Pros
    • Timezones handling
    • Clear and well detailed documentation
    • High activity on the repo
  • Cons
    • No alt field support

https://github.com/chronotruck/vue-ctk-date-time-picker

  • Pros
    • Time handling
  • Cons
    • No alt field support
    • The documentation doesn't cover the customization of the component
    • Animations that cannot be disabled (which can be quite tedious)
    • There has been no activity on the repo for the past 4 years.

Likely to be picked

We want a library that provides a timezone picker but none of the options mentioned above provide this functionality out of the box, thus, I would go for air-datepicker and integrate timezone handling to suit our need.

Previously

jQuery UI 1.12.1 release blog post wrote:

The Road Ahead

In parallel to this release we’ve been working on several significant rewrites that will make it into future releases:

Datepicker and Globalize: We’re working on a full rewrite of the datepicker widget. The rewrite will feature a far simpler API that will make customizations a lot easier. The rewrite builds on top of the rewritten Globalize library, which builds on top of CLDR, a comprehensive source for globalization data.

Source: http://blog.jqueryui.com/2016/09/jquery-ui-1-12-1/

Keywords

The following is a list of keywords that should serve as hubs for navigation within the Tiki development and should correspond to documentation keywords.

Each feature in Tiki has a wiki page which regroups all the bugs, requests for enhancements, etc. It is somewhat a form of wiki-based project management. You can also express your interest in a feature by adding it to your profile. You can also try out the Dynamic filter.

Accessibility (WAI & 508)
Accounting
Administration
Ajax
Articles & Submissions
Backlinks
Banner
Batch
BigBlueButton audio/video/chat/screensharing
Blog
Bookmark
Browser Compatibility
Calendar
Category
Chat
Comment
Communication Center
Consistency
Contacts Address book
Contact us
Content template
Contribution
Cookie
Copyright
Credits
Custom Home (and Group Home Page)
Database MySQL - MyISAM
Database MySQL - InnoDB
Date and Time
Debugger Console
Diagram
Directory (of hyperlinks)
Documentation link from Tiki to doc.tiki.org (Help System)
Docs
DogFood
Draw -superseded by Diagram
Dynamic Content
Preferences
Dynamic Variable
External Authentication
FAQ
Featured links
Feeds (RSS)
File Gallery
Forum
Friendship Network (Community)
Gantt
Group
Groupmail
Help
History
Hotword
HTML Page
i18n (Multilingual, l10n, Babelfish)
Image Gallery
Import-Export
Install
Integrator
Interoperability
Inter-User Messages
InterTiki
jQuery
Kaltura video management
Kanban
Karma
Live Support
Logs (system & action)
Lost edit protection
Mail-in
Map
Menu
Meta Tag
Missing features
Visual Mapping
Mobile
Mods
Modules
MultiTiki
MyTiki
Newsletter
Notepad
OS independence (Non-Linux, Windows/IIS, Mac, BSD)
Organic Groups (Self-managed Teams)
Packages
Payment
PDF
Performance Speed / Load / Compression / Cache
Permission
Poll
Profiles
Quiz
Rating
Realname
Report
Revision Approval
Scheduler
Score
Search engine optimization (SEO)
Search
Security
Semantic links
Share
Shopping Cart
Shoutbox
Site Identity
Slideshow
Smarty Template
Social Networking
Spam protection (Anti-bot CATPCHA)
Spellcheck
Spreadsheet
Staging and Approval
Stats
Survey
Syntax Highlighter (Codemirror)
Tablesorter
Tags
Task
Tell a Friend
Terms and Conditions
Theme
TikiTests
Federated Timesheets
Token Access
Toolbar (Quicktags)
Tours
Trackers
TRIM
User Administration
User Files
User Menu
Watch
Webmail and Groupmail
WebServices
Wiki History, page rename, etc
Wiki plugins extends basic syntax
Wiki syntax text area, parser, etc
Wiki structure (book and table of content)
Workspace and perspectives
WYSIWTSN
WYSIWYCA
WYSIWYG
XMLRPC
XMPP




Useful Tools