Warning: You are browsing the documentation for PrestaShop 1.7, which is outdated.

You might want to read an updated version of this page for the current version, PrestaShop 8. Read the updated version of this page

Learn how to upgrade to the latest version.


DateRangeType combines two DatePickers to create date range picker. It uses Javascript, but doesn’t require any specific components, as it’s already enabled globally.

Custom options


Required Javascript components


Code example

// path/to/your/CustomType.php

use PrestaShopBundle\Form\Admin\Type\DateRangeType;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;

class CustomType extends AbstractType
    public function buildForm(FormBuilderInterface $builder, array $options)
        // this will render a date range picker with 2 DatePickerTypes
        // named 'date_add_from' and 'date_add_to'
        $builder->add('date_add', DateRangeType::class);

Preview example

DateRangeType rendered in form example