Strapi Date Range Picker 5

A Strapi 5 custom field plugin for selecting date ranges — pick a start and end date in a single field instead of managing two separate date fields.

This is a maintained fork of muammerkeles/strapi-date-range-picker-5 with the following fixes:

• Fixed: Date ranges now display as formatted dates instead of raw JSON in the content manager
• Fixed: Removed stray debug text ("asdas") that appeared in the date picker UI
• Updated: Strapi 5.13+ compatibility

Installation

npm install @nicoske/strapi-date-range-picker-5

Configuration

Add the plugin to your config/plugins.js (create the file if it doesn't exist):

module.exports = () => ({
  '@nicoske/strapi-date-range-picker-5': {
    enabled: true,
  },
});

Then rebuild Strapi:

npm run build --clean

Usage

1. In the Strapi admin, go to Content-Type Builder
2. Add a new field to your content type
3. Select Custom tab, then choose Date Range Picker
4. Configure and save

The field stores a JSON object with startDate and endDate:

{
  "startDate": "2026-03-01",
  "endDate": "2026-03-15"
}

API Response

When querying your API, the date range field returns the JSON object directly:

{
  "date_range": {
    "startDate": "2026-03-01",
    "endDate": "2026-03-15"
  }
}

Compatibility

• Strapi 5.13+
• Node.js 18+

License

MIT — Originally created by Muammer Keles.