README.md in active_admin_datetimepicker-0.7.4 vs README.md in active_admin_datetimepicker-1.0.0
- old
+ new
@@ -1,6 +1,8 @@
[![Gem Version](https://badge.fury.io/rb/active_admin_datetimepicker.svg)](http://badge.fury.io/rb/active_admin_datetimepicker)
+[![NPM Version](https://badge.fury.io/js/@activeadmin-plugins%2Factive_admin_datetimepicker.svg)](https://badge.fury.io/js/@activeadmin-plugins%2Factive_admin_datetimepicker)
+[![npm](https://img.shields.io/npm/dm/active_admin_datetimepicker.svg)](https://www.npmjs.com/package/@activeadmin-plugins/active_admin_datetimepicker)
[![Build Status](https://img.shields.io/travis/activeadmin-plugins/active_admin_datetimepicker.svg)](https://travis-ci.org/activeadmin-plugins/active_admin_datetimepicker)
[![Coverage](https://coveralls.io/repos/activeadmin-plugins/active_admin_datetimepicker/badge.svg?branch=master)](https://coveralls.io/r/activeadmin-plugins/active_admin_datetimepicker)
# ActiveAdminDatetimepicker
@@ -22,11 +24,12 @@
Or install it yourself as:
$ gem install active_admin_datetimepicker
-Add the following line into `app/assets/stylesheets/active_admin.css.scss`:
+##### Using assets via Sprockets
+Add the following line into `app/assets/stylesheets/active_admin.scss`:
```css
@import "active_admin_datetimepicker";
```
@@ -34,13 +37,45 @@
```javascript
//= require active_admin_datetimepicker
```
+##### Using assets via Webpacker (or any other assets bundler) as a NPM module (Yarn package)
+Execute:
+
+ $ npm i @activeadmin-plugins/active_admin_datetimepicker
+
+Or
+
+ $ yarn add @activeadmin-plugins/active_admin_datetimepicker
+
+Or add manually to `package.json`:
+
+```
+"dependencies": {
+ "@activeadmin-plugins/active_admin_datetimepicker": "1.0.0"
+}
+```
+and execute:
+
+ $ yarn
+
+Add the following line into `app/assets/javascripts/active_admin.js`:
+
+```javascript
+import '@activeadmin-plugins/active_admin_datetimepicker';
+```
+
+Add the following line into `app/assets/stylesheets/active_admin.scss`:
+
+```css
+@import '@activeadmin-plugins/active_admin_datetimepicker';
+```
+
## Usage
-This plugin adds the `date_time_picker` input and `date_time_range` filter, which use the [XDSoft DateTime Picker gem](https://github.com/shekibobo/xdan-datetimepicker-rails).
+This plugin adds the `date_time_picker` input and `date_time_range` filter, which use the [XDSoft DateTime Picker](https://github.com/xdan/datetimepicker/).
The `date_time_picker` input accepts many of the options available to the standard jQueryUI Datepicker. For example:
```ruby
# Index page filters