Updates to release v1.0.3

CHANGE.md

@@ -1,6 +1,12 @@
 Change Log: `yii2-widget-timepicker`
 ====================================
 
+## Version 1.0.3
+
+**Date:** 08-Jan-2017
+
+- (enh #12): Correct timepicker change initialization.
+
 ## Version 1.0.2
 
 **Date:** 04-Jan-2017

README.md

@@ -31,7 +31,7 @@ to the ```require``` section of your `composer.json` file.
 
 ## Latest Release
 
-> NOTE: The latest version of the module is v1.0.2. Refer the [CHANGE LOG](https://github.com/kartik-v/yii2-widget-timepicker/blob/master/CHANGE.md) for details.
+> NOTE: The latest version of the module is v1.0.3. Refer the [CHANGE LOG](https://github.com/kartik-v/yii2-widget-timepicker/blob/master/CHANGE.md) for details.
 
 ## Demo
 

TimePicker.php

@@ -4,7 +4,7 @@
  * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014 - 2017
  * @package yii2-widgets
  * @subpackage yii2-widget-timepicker
- * @version 1.0.2
+ * @version 1.0.3
  */
 
 namespace kartik\time;
@@ -16,7 +16,8 @@
 /**
  * The TimePicker widget  allows you to easily select a time for a text input using your mouse or keyboards arrow keys.
  * Thus widget is a wrapper enhancement over the TimePicker JQuery plugin by rendom forked from the plugin by jdewit.
- * Additional enhancements have been done to this input widget for compatibility with Bootstrap 3.
+ * Additional enhancements have been done to this input widget and plugin by Krajee to fix various bugs, and also
+ * provide compatibility with Bootstrap 3.
  *
  * @author Kartik Visweswaran <[email protected]>
  * @since 1.0
@@ -31,15 +32,15 @@ class TimePicker extends InputWidget
     public $size;
 
     /**
-     * @var string/boolean the addon content
+     * @var string|boolean the addon content
      */
     public $addon = '<i class="glyphicon glyphicon-time"></i>';
 
     /**
-     * @var array HTML attributes for the addon container the following special options are identified
-     * - asButton: boolean if the addon is to be displayed as a button.
-     * - buttonOptions: array HTML attributes if the addon is to be displayed like a button. If [[asButton]] is true,
-     *     this will default to ['class' => 'btn btn-default']
+     * @var array HTML attributes for the addon container. The following special options are recognized:
+     * - `asButton`: _boolean_, if the addon is to be displayed as a button.
+     * - `buttonOptions`: _array_, HTML attributes if the addon is to be displayed like a button. If [[asButton]] is
+     *   `true`, this will default to `['class' => 'btn btn-default']`.
      */
     public $addonOptions = [];
 
@@ -105,7 +106,7 @@ protected function renderInput()
     }
 
     /**
-     * Registers the needed assets
+     * Registers the client assets for [[Timepicker]] widget
      */
     public function registerAssets()
     {

TimePickerAsset.php

@@ -4,7 +4,7 @@
  * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014 - 2017
  * @package yii2-widgets
  * @subpackage yii2-widget-timepicker
- * @version 1.0.2
+ * @version 1.0.3
  */
 
 namespace kartik\time;

assets/js/bootstrap-timepicker.js

@@ -561,7 +561,7 @@
                     this.second = seconds;
                     this.meridian = meridian;
 
-                    this.update(false);
+                    this.update(true);
 
                 } else if (defaultTime === false) {
                     this.hour = 0;
@@ -688,7 +688,7 @@
             this.meridian = this.meridian === 'AM' ? 'PM' : 'AM';
             this.update();
         },
-        update: function (trigChange) {
+        update: function (skipChange) {
             this.$element.trigger({
                 'type': 'changeTime.timepicker',
                 'time': {
@@ -700,13 +700,13 @@
                 }
             });
 
-            this.updateElement(trigChange);
+            this.updateElement(skipChange);
             this.updateWidget();
         },
-        updateElement: function (trigChange) {
+        updateElement: function (skipChange) {
             var $el = this.$element;
-            $el.val(this.getTime())
-            if (trigChange) {
+            $el.val(this.getTime());
+            if (!skipChange) {
                 $el.change();
             }
         },