Easily manage Yii 2 ActiveField ranges (from/to) with Bootstrap 3 addons markup and more

Installs: 1 490 245

Dependents: 43

Suggesters: 0

Security: 0

Stars: 24

Watchers: 5

Forks: 9

Open Issues: 0


v1.3.5 2019-05-25 07:21 UTC

This package is auto-updated.

Last update: 2024-05-25 18:31:19 UTC


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 LICENSE.md for details.