angular-native-datepicker

WebJar for angular-native-datepicker

License	MIT
Categories	Angular User Interface Web Frameworks Native Development Tools
GroupId	org.webjars.bower
ArtifactId	angular-native-picker
Last Version	1.0.4
Release Date	Feb 19, 2016
Type	jar
Description	angular-native-datepicker WebJar for angular-native-datepicker
Project URL	http://webjars.org
Source Code Management	https://github.com/alongubkin/angular-datepicker

Download angular-native-picker

Filename	Size
angular-native-picker-1.0.4.pom
angular-native-picker-1.0.4.jar	61 KB
angular-native-picker-1.0.4-sources.jar	22 bytes
angular-native-picker-1.0.4-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-native-picker/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-native-picker</artifactId>
    <version>1.0.4</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/angular-native-picker/
implementation 'org.webjars.bower:angular-native-picker:1.0.4'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/angular-native-picker/
implementation ("org.webjars.bower:angular-native-picker:1.0.4")

Apache Buildr

'org.webjars.bower:angular-native-picker:jar:1.0.4'

Apache Ivy

<dependency org="org.webjars.bower" name="angular-native-picker" rev="1.0.4">
  <artifact name="angular-native-picker" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='angular-native-picker', version='1.0.4')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "angular-native-picker" % "1.0.4"

Leiningen

[org.webjars.bower/angular-native-picker "1.0.4"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.bower : angular	jar	[0,)

Project Modules

There are no modules declared in this project.

angular-datepicker

Warning: This project is no longer maintained. Use at your own risk!

The mobile-friendly, responsive, and lightweight Angular.js date & time input picker. Perfect for Ionic apps!

,

This is basically a pickadate.js fork that completely removes the jQuery dependency and adds Angular.js directives.

Bower

bower install angular-native-picker

Usage

Include build/angular-datepicker.js in your application:

<script src="angular-datepicker.js"></script>

Include CSS files in your application:

<link rel="stylesheet" href="build/themes/default.css"/>
<link rel="stylesheet" href="build/themes/default.date.css"/>
<link rel="stylesheet" href="build/themes/default.time.css"/>

Note: for usage within a modal the default (not classic) CSS files are recommended.

Add the module angular-datepicker as a dependency to your app module:

var myapp = angular.module('myapp', ['angular-datepicker']);

To create a date or time picker, add the pick-a-date or pick-a-time directive to your input tag:

<input type="text" pick-a-date="date" placeholder="Select Date" /> {{ date }}
<input type="text" pick-a-time="time" placeholder="Select Time" /> {{ time }}

You can also provide an options object to the directive which will be passed into the pickadate or pickatime constructor.

// somewhere in your controller
$scope.options = {
  format: 'yyyy-mm-dd', // ISO formatted date
  onClose: function(e) {
    // do something when the picker closes   
  }
}

<input type="text" pick-a-date="date" pick-a-date-options="options" /> {{ date }}
<input type="text" pick-a-time="time" pick-a-time-options="options" /> {{ time }}

If you don't need to provide any callbacks (like onClose) you can specify the options object as an angular expression:

<input type="text" pick-a-date="date" pick-a-date-options="{ format: 'yyyy-mm-dd' }" />

For a full list of available options please refer to the pickadate documentation for datepicker options and timepicker options.

Versions

Version
1.0.4 Feb 19, 2016