Emit an 'open' event when the popup is opened

README.md

@@ -140,6 +140,8 @@ Settings.defaultLocale = 'es'
 
 Component emits the `input` event to work with `v-model`. [More info](https://vuejs.org/v2/guide/components.html#Form-Input-Components-using-Custom-Events).
 
+`open` event is emitted when the popup opens.
+
 `close` event is emitted when the popup closes.
 
 Also, input text inherits all component events.

src/Datetime.vue

@@ -212,6 +212,8 @@ export default {
       event.target.blur()
 
       this.isOpen = true
+
+      this.$emit('open')
     },
     close () {
       this.isOpen = false

test/specs/Datetime.spec.js

@@ -998,6 +998,27 @@ describe('Datetime.vue', function () {
       })
     })
 
+    it('should emit open when popup opens', function (done) {
+      const vm = createVM(this,
+        `<Datetime @open="spy"></Datetime>`,
+        {
+          components: { Datetime },
+          data () {
+            return {
+              spy: sinon.spy()
+            }
+          }
+        })
+
+      expect(vm.spy).to.have.not.been.called
+      vm.$('.vdatetime-input').click()
+
+      vm.$nextTick(() => {
+        expect(vm.spy).to.have.been.calledOnce
+        done()
+      })
+    })
+
     it('should emit close when popup closes', function (done) {
       const vm = createVM(this,
         `<Datetime @close="spy"></Datetime>`,

test/specs/DatetimeCalendar.spec.js

@@ -33,7 +33,7 @@ describe('DatetimeCalendar.vue', function () {
       expect(vm.$('.vdatetime-calendar__current--month')).to.have.text('Julio 2018')
 
       const weekdays = vm.$$('.vdatetime-calendar__month__weekday').map(el => el.textContent)
-      expect(weekdays).deep.equal(['Lun.', 'Mar.', 'Mié.', 'Jue.', 'Vie.', 'Sáb.', 'Dom.'])
+      expect(weekdays).deep.equal(['Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb', 'Dom'])
     })
 
     it('should render a calendar with other week start', function () {