polymer_datepicker 0.10.1

  • README.md
  • Installing
  • Versions
  • 39

A Simple date picker


Just import in your component

import "package:polymer_datepicker/polymer_datepicker.dart"

and use in your html :

<date-picker selected-date="{{myDate}}" onlydate="true" label="Choose a date" on-selectdate="{{dateSelected}}"></date-picker>

myDate should be an observable DateTime property. Observable feature is supported using polymer_autonotify.

This component uses intl package for week days and month names therefore locale should be properly initialized before using it (see intl library for more info).


some fixes


fixed styles by @barfittc.


Fix width


Big version leap caused by the recent jefe-ization of the project. Fixed loop when selecting a date.


Added possibility to specify a prefix or a suffix inside the datepicker :

<polymer-datepicker><iron-icon icon="today" prefix></iron-icon></polymer-datepicker>

Fixed positioning when near window border.


Updated demo for latest autonotify, and other minor fixes.


Fixed bug occurring when compiling JS and minifying (never use single letter variables in html templates ...). Fixed bug causing overlay to be closed when loosing focus with newer polymers. Updated to user autonotify_observe.


Minor fixes and clean ups.




Various fixes and introducing material style (thanks to @barfittc ):

  • Added start with Sunday flag
  • deprecated dateonly (all lower), added dateOnly (camel cased)
  • prevent the last week from being fully the next month.
  • added quick change flag

Updated deps on demo for polymer-rc.10 upgrade


fixed an issue causing toubles when reopening the overlay.


minor fixes


polished pubspec, added required for validation


Added a small demo. Upgraded to polymer_elements 1.0.0-rc.5


Updated readme.


Ported to polymer 1.0 (rc.9) with polymer_autonotify.

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  polymer_datepicker: "^0.10.1"

2. Install it

You can install packages from the command line:

with pub:

$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

      import 'package:polymer_datepicker/polymer_datepicker.dart';
Version Uploaded Documentation Archive
0.10.1 Mar 1, 2016 Go to the documentation of polymer_datepicker 0.10.1 Download polymer_datepicker 0.10.1 archive
0.10.0+1 Feb 5, 2016 Go to the documentation of polymer_datepicker 0.10.0+1 Download polymer_datepicker 0.10.0+1 archive
0.10.0 Feb 4, 2016 Go to the documentation of polymer_datepicker 0.10.0 Download polymer_datepicker 0.10.0 archive
0.9.2+1 Jan 25, 2016 Go to the documentation of polymer_datepicker 0.9.2+1 Download polymer_datepicker 0.9.2+1 archive
0.4.0+5 Jan 12, 2016 Go to the documentation of polymer_datepicker 0.4.0+5 Download polymer_datepicker 0.4.0+5 archive
0.4.0+4 Jan 12, 2016 Go to the documentation of polymer_datepicker 0.4.0+4 Download polymer_datepicker 0.4.0+4 archive
0.4.0+3 Jan 11, 2016 Go to the documentation of polymer_datepicker 0.4.0+3 Download polymer_datepicker 0.4.0+3 archive
0.4.0+2 Dec 24, 2015 Go to the documentation of polymer_datepicker 0.4.0+2 Download polymer_datepicker 0.4.0+2 archive
0.4.0+1 Dec 23, 2015 Go to the documentation of polymer_datepicker 0.4.0+1 Download polymer_datepicker 0.4.0+1 archive
0.4.0 Dec 23, 2015 Go to the documentation of polymer_datepicker 0.4.0 Download polymer_datepicker 0.4.0 archive

All 27 versions...


We analyzed this package on May 25, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.0.0-dev.54.0
  • pana: 0.11.1


Describes how popular the package is relative to other packages. [more]
19 / 100
Code health derived from static analysis. [more]
98 / 100
Reflects how tidy and up-to-date the package is. [more]
0 / 100
Overall score:
Weighted score of the above. [more]
Learn more about scoring.


Detected platforms: web

Primary library: package:polymer_datepicker/polymer_datepicker.dart with components: html.


  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

  • Fix analysis and formatting issues.

    Analysis or formatting checks reported 7 hints.

    Run dartfmt to format lib/polymer_datepicker.dart.

  • Maintain an example.

    Create a short demo in the example/ directory to show how to use this package. Common file name patterns include: main.dart, example.dart or you could also use polymer_datepicker.dart.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.8.0 <2.0.0
intl >=0.12.4 <0.13.0 0.12.7+1 0.15.6
polymer ^1.0.0-rc.15 1.0.0-rc.19
polymer_elements ^1.0.0-rc.5 1.0.0-rc.10
Transitive dependencies
analyzer 0.27.6 0.32.0
args 0.13.7 1.4.3
async 2.0.7
barback 0.15.2+16
charcode 1.1.1
cli_util 0.0.1+2 0.1.3
code_transformers 0.4.2+3 0.5.1+5
collection 1.14.9
convert 2.0.1
crypto 2.0.3
csslib 0.14.4
dart_style 0.2.11+1 1.0.14
glob 1.1.5
html 0.13.3
initialize 0.6.2+7
isolate 0.2.3 2.0.1
logging 0.11.3+1
matcher 0.12.2+1
package_config 1.0.3
path 1.5.1
petitparser 1.7.6
plugin 0.2.0+2
polymer_interop 1.0.0-rc.10
pool 1.3.5
reflectable 1.0.3 2.0.0
source_maps 0.10.5
source_span 1.4.0
stack_trace 1.9.2
string_scanner 1.0.2
typed_data 1.1.5
utf 0.9.0+4
watcher 0.9.7+8
web_components 0.12.5
when 0.2.0
which 0.1.3
yaml 2.1.14