ember-daypicker/addon/components/en-daypicker-input.js

A simple daypicker addon for ember.js with zero external dependencies.

import Component from "@ember/component"
import { get, computed } from "@ember/object"
import { isEmpty } from "@ember/utils"
import { assert } from "@ember/debug"

import moment from "moment"

import DocumentEvent from "ember-daypicker/mixins/document-event"
import isOutsideClick from "ember-daypicker/utils/is-outside-click"

export default Component.extend(DocumentEvent, {
  classNames: ["en-day-picker-wrapper"],
  documentEvents: ["click"],

  uid: computed(function() {
    let el = this.element
    if (!el) return

    return `el-${el.id}`
  }),

  onDocumentClick(e) {
    if (isOutsideClick(this.element, e.target)) {
      this.set("isFocused", false)
    }
  },

  isFocused: false,
  format: "MMM D",

  dateFormatted: computed("date", function() {
    let date = get(this, "date")

    if (typeof date === "string") {
      date = moment(date)
    }

    if (isEmpty(date)) {
      return moment()
    } else if (!moment.isMoment(date) || !date.isValid()) {
      assert(`[ember-daypicker] You need to pass in a valid moment object.
You passed in ${date}, which is invalid, so we're defaulting to today's date`)
      return moment()
    } else {
      return date
    }
  }),

  actions: {
    focus() {
      this.set("isFocused", true)
      this["on-focus"]
    },

    didSelect(date) {
      this.set("isFocused", false)
      this["on-select"](date)
    }
  }
})