Inline mode and side-by-side mode

Fixes #4
nkovacs · Mar 28, 2017 · ea99923 · ea99923
1 parent 06e1139
commit ea99923
Showing 1 changed file with 40 additions and 10 deletions.
diff --git a/DateTimePicker.php b/DateTimePicker.php
@@ -91,6 +91,16 @@ class DateTimePicker extends \yii\widgets\InputWidget
      */
     public $type = self::TYPE_DATETIME;
 
+    /**
+     * @var boolean whether to use inline mode.
+     */
+    public $inline = false;
+
+    /**
+     * @var boolean whether to draw the date and time picker side by side.
+     */
+    public $sideBySide = false;
+
     /**
      * @inheritdoc
      */
@@ -108,23 +118,36 @@ public function init()
     public function run()
     {
         Html::addCssClass($this->options, 'form-control');
-        $input = $this->hasModel()
-            ? Html::activeTextInput($this->model, $this->attribute, $this->options)
-            : Html::textInput($this->name, $this->value, $this->options);
-
-        $html = '';
-        $prepend = $this->renderAddon($this->prepend);
-        $append = $this->renderAddon($this->append);
         $addon = false;
-        if ($prepend !== '' || $append !== '') {
-            $addon = true;
+        $html = '';
+
+        if ($this->inline) {
+            $input = $this->hasModel()
+                ? Html::activeHiddenInput($this->model, $this->attribute, $this->options)
+                : Html::hiddenInput($this->name, $this->value, $this->options);
+        } else {
+            $input = $this->hasModel()
+                ? Html::activeTextInput($this->model, $this->attribute, $this->options)
+                : Html::textInput($this->name, $this->value, $this->options);
+            $prepend = $this->renderAddon($this->prepend);
+            $append = $this->renderAddon($this->append);
+            if ($prepend !== '' || $append !== '') {
+                $addon = true;
+            }
+        }
+
+        if ($addon) {
             $html .= Html::beginTag('div', ['class' => 'input-group date']);
             $html .= $prepend;
+        } elseif ($this->inline) {
+            $html .= Html::beginTag('div', ['class' => 'input-group date']);
         }
         $html .= $input;
         if ($addon) {
             $html .= $append;
             $html .= Html::endTag('div');
+        } elseif ($this->inline) {
+            $html .= Html::endTag('div');
         }
         $this->registerPlugin($addon);
         return $html;
@@ -267,7 +290,14 @@ protected function registerPlugin($addon)
         }
 
         if ($this->clientOptions !== false) {
-            $options = empty($this->clientOptions) ? '' : Json::htmlEncode($this->clientOptions);
+            $options = $this->clientOptions;
+            if ($this->inline) {
+                $options['inline'] = true;
+            }
+            if ($this->sideBySide) {
+                $options['sideBySide'] = true;
+            }
+            $options = empty($options) ? '' : Json::htmlEncode($options);
             $js = "$selector.datetimepicker($options).find('.clearbutton').on('click', function() {
                 $selector.data('DateTimePicker').clear();
             });";