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