DateNTimePickerActiveadmin

A datetimepicker, tailored for ActiveAdmin.

Installation

Add this line to your application's Gemfile:

gem 'date_n_time_picker_activeadmin'

And then execute:

$ bundle install

Or install it yourself as:

$ gem install date_n_time_picker_activeadmin

Usage

Code Sample

f.input :column_name, as: :datetimepicker

CSS In active_admin.scss, add the line,

@import date_n_time_picker_activeadmin

JS In active_admin.js, add the line,

//= require date_n_time_picker_activeadmin

Customisations

Add a Minimum Date

Disables all dates before the specified minimum date.

f.input :column_name, as: :datetimepicker, datetimepicker_options: { min_date: Date.today }

Add a Maximum Date

Disables all dates after the specified minimum date.

f.input :column_name, as: :datetimepicker, datetimepicker_options: { max_date: Date.today }

Specify a date format

Disables all dates after the specified minimum date.

f.input :column_name, as: :datetimepicker, datetimepicker_options: { format: "%mm-%dd-%yyyy %HH:%MM:%SS %P"}

Example

_{Consider selected date is 09 August 2021, 05:07:08 pm}

_{Format Options}	_Meaning	_Example
_'%d'	_{day (single digit)}	₉
_'%dd'	_{day (2 digits)}	₀₉
_'%m'	_{month (single digit)}	₈
_'%mm'	_{month (2 digits)}	₀₈
_'%yy'	_{year (2 digits)}	₂₁
_'%yyyy'	_{year (4 digits)}	₂₀₂₁
_'%h'	_{hour (12hr format, single digit)}	₅
_'%hh'	_{hour (12hr format, 2 digits)}	₀₅
_'%H'	_{hour (24hr format, single digit)}	₁₃
_'%HH'	_{hour (24hr format, 2 digits)}	₁₃
_'%M'	_{minutes (single digit)}	₇
_'%MM'	_{minutes (2 digits)}	₀₇
_'%S'	_{seconds (single digit)}	₈
_'%SS'	_{seconds (2 digits)}	₀₈
_'%P'	_{time period in lower case}	_AM/PM
_'%p'	_{time period in lower case}	_am/pm
_'%a'	_{Day in words (short)}	_Thu
_'%A'	_{Day in words}	_Thursday
_'%b'	_{Month in words (short)}	_Aug
_'%B'	_{Month in words}	_August

Exclude Timepicker

Hides the timepicker.

f.input :column_name, as: :datetimepicker, datetimepicker_options: { only_datepicker: true }

Testing

To run tests,

RAILS_ENV=test rspec spec

Patches/Pull Requests

Bug reports and pull requests are welcome on GitHub at https://github.com/NikhithaGraceJosh/date_n_time_picker_activeadmin. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the code of conduct.

Clone the project
Checkout your own feature (or bug fix) branch from the master branch (git checkout -b my-new-proposed-feature)
Commit the changes (git commit -m 'New Proposed feature')
Push the changes to the my-new-proposed-feature branch (git push origin my-new-proposed-feature)
Create new Pull Request

Code of Conduct

Everyone interacting in the DateNTimePickerActiveadmin project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the code of conduct.