{"id":23948560,"url":"https://github.com/propan/om-datepicker","last_synced_at":"2025-04-12T20:51:07.887Z","repository":{"id":25655845,"uuid":"29091299","full_name":"propan/om-datepicker","owner":"propan","description":"a collection of various date/month picker components for Om","archived":false,"fork":false,"pushed_at":"2015-10-14T18:21:12.000Z","size":707,"stargazers_count":7,"open_issues_count":2,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-26T15:04:14.493Z","etag":null,"topics":["clojure","clojurescript","datepicker"],"latest_commit_sha":null,"homepage":null,"language":"Clojure","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"epl-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/propan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-01-11T12:38:18.000Z","updated_at":"2020-04-24T09:52:53.000Z","dependencies_parsed_at":"2022-08-24T14:11:10.470Z","dependency_job_id":null,"html_url":"https://github.com/propan/om-datepicker","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/propan%2Fom-datepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/propan%2Fom-datepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/propan%2Fom-datepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/propan%2Fom-datepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/propan","download_url":"https://codeload.github.com/propan/om-datepicker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248631727,"owners_count":21136560,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clojure","clojurescript","datepicker"],"created_at":"2025-01-06T10:19:28.344Z","updated_at":"2025-04-12T20:51:07.860Z","avatar_url":"https://github.com/propan.png","language":"Clojure","funding_links":[],"categories":[],"sub_categories":[],"readme":"# om-datepicker [![Build Status](https://travis-ci.org/propan/om-datepicker.svg)](https://travis-ci.org/propan/om-datepicker)\n\na collection of various date/month picker components for [Om][0].\n\n[Live demo] [1]\n\n## Usage\n\nInclude the library in your leiningen project dependencies:\n\n```clojure\n[om-datepicker \"0.0.6\"]\n```\n\nAn example LESS file that can be used to customize components can be found at `examples/less/datepicker.less`.\n\n### Datepicker\n\n```clojure\n(ns om-datepicker.examples.app\n  (:require [om.core :as om :include-macros true]\n            [om-datepicker.components :refer [datepicker]]))\n\n(defonce app-state\n  (atom {:datepicker  {:value (js/Date.)}}))\n\n(om/root\n datepicker\n app-state\n {:path   [:datepicker]\n  :target (js/document.getElementById \"datepicker-demo\")})\n```\n\n**Optional parameters:**\n\n* :min-date    - if set, picking a date from the past is limited by that date. Can be a date or a number of days from today.\n* :max-date    - if set, picking a date from the future is limited by that date. Can be a date or a number of days from today.\n* :first-day   - the first day of the week. Default: 1 (Monday)\n* :result-ch   - if passed, then picked values are put in that channel instead of :value key of the cursor.\n* :style       - the style that will be applied to the string representations of days of the week. Possible values are :short, :medium and :long. Default value is :medium.\n\n### Datepicker Panel\n\n```clojure\n(ns om-datepicker.examples.app\n  (:require [om.core :as om :include-macros true]\n            [om-datepicker.components :refer [datepicker-panel]]))\n\n(defonce app-state\n  (atom {:date-panel  {:value (js/Date.)}}))\n\n(om/root\n datepicker-panel\n app-state\n {:path   [:date-panel]\n  :opts   {:min-date -15\n           :max-date  15}\n  :target (js/document.getElementById \"datepicker-panel\")})\n```\n\n**Optional parameters:**\n\n* :min-date    - if set, picking a date from the past is limited by that date. Can be a date or a number of days from today.\n* :max-date    - if set, picking a date from the future is limited by that date. Can be a date or a number of days from today.\n* :first-day   - the first day of the week. Default: 1 (Monday)\n* :result-ch   - if passed, then values are put in that channel instead of :value key of the cursor.\n* :style       - the style that will be applied to the string representations of days of the week. Possible values are :short, :medium and :long. Default value is :medium.\n\n### Monthpicker\n\n```clojure\n(ns om-datepicker.examples.app\n  (:require [om.core :as om :include-macros true]\n            [om-datepicker.components :refer [monthpicker-panel]]))\n\n(defonce app-state\n  (atom {:month-panel {}}))\n\n(om/root\n monthpicker-panel\n app-state\n {:path   [:month-panel]\n  :opts   {:max-date (js/Date. 2015 3 0)}\n  :target (js/document.getElementById \"monthpicker-panel\")})\n```\n\n**Optional parameters:**\n\n* :min-date    - if set, picking a date from the past is limited by that date. Can be a date or a number of days from today.\n* :max-date    - if set, picking a date from the future is limited by that date. Can be a date or a number of days from today.\n* :value-ch    - if set, the picker value is updated with the values from that channel.\n* :result-ch   - if passed, then picked values are put in that channel instead of :value key of the cursor.\n* :value       - initial value, used when there is no value in :value cursor.\n\n### Rangepicker\n\n```clojure\n(ns om-datepicker.examples.app\n  (:require [om.core :as om :include-macros true]\n            [om-datepicker.components :refer [rangepicker]]))\n\n(defonce app-state\n  (atom {:range {:start (js/Date. 2015 4 10)\n                 :end   (js/Date. 2015 4 20)}}))\n\n(om/root\n rangepicker\n app-state\n {:path   [:range]\n  :opts   {:max-date 180}\n  :target (js/document.getElementById \"rangepicker\")})\n```\n\n**Optional parameters:**\n\n* :min-date    - if set, picking a date from the past is limited by that date. Can be a date or a number of days from today.\n* :max-date    - if set, picking a date from the future is limited by that date. Can be a date or a number of days from today.\n* :first-day   - the first day of the week. Default: 1 (Monday)\n* :result-ch   - if passed, then picked values are put in that channel as a map with :start and :end keys, otherwise they will\nbe put in the :start and :end keys of the cursor.\n\n## License\n\nCopyright © 2015 Pavel Prokopenko\n\nDistributed under the Eclipse Public License either version 1.0 or (at\nyour option) any later version.\n\n[0]: http://github.com/swannodette/om\n[1]: http://propan.github.io/om-datepicker/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpropan%2Fom-datepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpropan%2Fom-datepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpropan%2Fom-datepicker/lists"}