Skip to content
Easily manage Yii 2 ActiveField ranges (from/to) with Bootstrap 3.x / 4.x addons markup and more.
PHP JavaScript CSS
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Implement stale bot May 25, 2019
src Updates to release v1.3.5 May 25, 2019 Updates to release v1.3.3 Aug 25, 2018 Update README Nov 5, 2018
composer.json Updates to release v1.3.4 Oct 9, 2018

Krajee Logo

Stable Version Unstable Version License Total Downloads Monthly Downloads Daily Downloads

A Yii 2 extension that allows you to easily setup ActiveField range fields with Bootstrap 3 addons markup and more. This allows you to setup the attributes joined together like a single field with a bootstrap addon separating the two. In addition, it enables you to display the field validation error messages as one single block instead of separate validation errors for two fields.


  • The FieldRange validation routine displays only the first error encountered in validation of either of the attributes.
  • To understand setting up your model validation rules for the attributes when using this extension, refer this wiki

The key features supported by this widget extension are:

  • display the two range fields as a single grouped block using Bootstrap 3 addons
  • tweak yii active form validation to display validation errors as one single block instead of separate error blocks under each field. This allows you to style your field range inputs better for various form layouts. No more misalignment of adjacent fields due to yii validation error messages.
  • ability to use any input from yii\helpers or any widget class for rendering the from and to fields.
  • enhanced usage with \kartik\widgets\ActiveField that allows you to add custom addons to prepend and append to your inputs.
  • default support for all widgets under \kartik\widgets. Special enhanced support for \kartik\widgets\DatePicker to render date ranges.
  • ability to use the kartik\datecontrol\DateControl widget which in turn can use any Date or Time widgets.


You can see detailed documentation and demos on usage of the extension.

Release Changes

NOTE: Refer the CHANGE LOG for details on changes to various releases.


The preferred way to install this extension is through composer.

Note: Check the composer.json for this extension's requirements and dependencies. Read this web tip /wiki on setting the minimum-stability settings for your application's composer.json.

Either run

$ php composer.phar require kartik-v/yii2-field-range "dev-master"

or add

"kartik-v/yii2-field-range": "dev-master"

to the require section of your composer.json file.



use kartik\field\FieldRange;
use kartik\widgets\ActiveForm;
$form = ActiveForm::begin();
echo FieldRange::widget([
    'form' => $form,
    'model' => $model,
    'label' => 'Enter start and end points',
    'attribute1' => 'start_point',
    'attribute2' => 'end_point',
    'type' => FieldRange::INPUT_TEXT,


yii2-field-range is released under the BSD-3-Clause License. See the bundled for details.

You can’t perform that action at this time.