Title: CI Date Calculator Author: Calculator.io Published: November 6, 2026 Last modified: November 6, 2026 --- Search plugins ![](https://ps.w.org/ci-date-calculator/assets/icon-256x256.png?rev=3787009) # CI Date Calculator By [Calculator.io](https://profiles.wordpress.org/calculatorio/) [Download](https://downloads.wordpress.org/plugin/ci-date-calculator.1.1.0.zip) * [Details](https://wordpress.org/plugins/ci-date-calculator/#description) * [Reviews](https://wordpress.org/plugins/ci-date-calculator/#reviews) * [Installation](https://wordpress.org/plugins/ci-date-calculator/#installation) * [Development](https://wordpress.org/plugins/ci-date-calculator/#developers) [Support](https://wordpress.org/support/plugin/ci-date-calculator/) ## Description Calculate the exact time between two dates with our free Date Calculator. Easily add or subtract days, weeks, and months, or find business days instantly. Add the calculator to any page, post or widget area with the shortcode `[ci_date_calculator]`. **What you enter:** Start Date, End Date, Years, Months, Weeks, Days, Holiday, Month, Day. **What you get:** Date, shown in years, months, weeks, days, hours, minutes, seconds. Features: * Works as soon as it is activated: no account, no API key and no settings page. * Calculates in your visitor’s browser. Nothing they type is sent to calculator. io or anywhere else, and the plugin loads no ads, trackers or external scripts. * Responsive: the form and the results sit side by side on wide pages and stack on narrow ones. The frame resizes itself to fit the calculator. * Optional light, dark or automatic (follows the visitor’s system setting) theme, a custom accent colour and a maximum width, all set in the shortcode. * The calculator runs in an iframe, so your theme’s styles cannot break it and it cannot break your theme. More about this calculator: [https://www.calculator.io/date-calculator/](https://www.calculator.io/date-calculator/) ### Usage Add the Date Calculator shortcode to your page, post or sidebar: ``` [ci_date_calculator] ``` Or add the following code to your template where you would like the Date Calculator to appear: ``` ``` All attributes are optional: * `title` – `1` (default) shows the calculator heading with its icon, `0` hides it. Example: `[ci_date_calculator title="0"]` * `theme` – `light` (default), `dark`, or `auto` to follow the visitor’s light/ dark system setting. Example: `[ci_date_calculator theme="auto"]` * `accent` – an accent colour for buttons and highlights, as a hex value. Example:`[ ci_date_calculator accent="#2563eb"]` * `max_width` – the widest the calculator may be: a number followed by `px`, `%` or `rem`. The calculator is centred when it is narrower than its column. Example:`[ ci_date_calculator max_width="720px"]` Attributes can be combined: `[ci_date_calculator title="0" theme="auto" accent="# 2563eb" max_width="720px"]` ### Source code and libraries The plugin’s own JavaScript and CSS are shipped unminified and human-readable: ` assets/js/*.js` (except `assets/js/lib/`), `assets/css/main.css`, `assets/css/ci- widget.css`, `assets/css/ci-embed.css` and the PHP file. `main.css` is the compiled, unminified stylesheet of calculator.io. The calculator is also published on the calculator.io website: https://www.calculator.io/date-calculator/ Third-party libraries bundled in `assets/js/lib/`. Where a file is minified, the readable source is available at the upstream address: * math.js 3.37.1 (Apache-2.0) – `assets/js/lib/math.min.js`, minified build. Source: https://github.com/josdejong/mathjs * marked 15.0.12 (MIT) – `assets/js/lib/marked.min.js`, minified build. Source: https://github.com/markedjs/marked * Inputmask 5.0.9-beta.70 (MIT) – `assets/js/lib/input-mask.min.js`, minified build. Source: https://github.com/RobinHerbots/Inputmask * lazysizes 5.3.2 (MIT) – `assets/js/lib/lazysizes.js`. Source: https://github. com/aFarkas/lazysizes * Air Datepicker 3.3.0 (MIT) – `assets/js/lib/air-datepicker.js`. Source: https:// github.com/t1m0n/air-datepicker * Inter font (SIL Open Font License 1.1) – `assets/fonts/inter-v20-latin.woff2`. Source: https://github.com/rsms/inter ## Screenshots [⌊The Date Calculator input form: Start Date, End Date, Years, Months, Weeks, Days, Holiday, Month, Day.⌉⌊The Date Calculator input form: Start Date, End Date, Years, Months, Weeks, Days, Holiday, Month, Day.⌉[ The Date Calculator input form: Start Date, End Date, Years, Months, Weeks, Days, Holiday, Month, Day. [⌊The Date Calculator results: Date, shown in years, months, weeks, days, hours, minutes, seconds.⌉⌊The Date Calculator results: Date, shown in years, months, weeks, days, hours, minutes, seconds.⌉[ The Date Calculator results: Date, shown in years, months, weeks, days, hours, minutes, seconds. ## Installation 1. Upload the /ci-date-calculator/ folder to the /wp-content/plugins/ directory, or install the plugin from the Plugins screen. 2. Activate the Date Calculator plugin through the “Plugins” menu in WordPress. 3. Add the `[ci_date_calculator]` shortcode to a page or post. ## FAQ ### How do I add the calculator to a page? Add the shortcode `[ci_date_calculator]` to a page or post. In the block editor use a Shortcode block. In a theme template use ``. ### Which shortcode attributes are available? title (1 or 0), `theme` (light, dark or auto), `accent` (a hex colour such as #2563eb) and `max_width` (for example 720px, 80% or 40rem). See the Usage section for examples. Invalid values are ignored and the default is used instead. ### How do I get a dark calculator? Use `theme="dark"` for always dark, or `theme="auto"` to follow the visitor’s light/ dark system setting. The default, `theme="light"`, keeps the calculator light on any background. ### Can I hide the heading? Yes. Use `title="0"` and the heading with the calculator’s icon is not printed, so you can write your own. ### Does the plugin send data anywhere? No. The calculation happens in the visitor’s browser, nothing they enter leaves the page, and the plugin makes no requests to calculator.io or any other external service. It sets no cookies and loads no ads or trackers. ### The calculator is the wrong height or has a scrollbar. The frame adjusts its height automatically while the page is open. If your theme or a caching or optimisation plugin removes scripts from the page, the frame keeps a default height; exclude the plugin’s `ci-embed.js` file from script optimisation. ### How do I calculate the number of days between two dates? Open the date calculator, which auto-fills the Start Date and End Date with today’s date, then change the End Date to your target date and press Calculate. It returns the exact number of days without any mental math or manual counting of days per month. ### How do I count only business days between two dates? Click the Settings button next to the Calculate button and choose to exclude weekends and public holidays from the total. This leaves you with only the working days between the two dates. ### How do I find out how long it has been since a past date? Set the End Date to today and the Start Date to the earlier date, such as an anniversary or a milestone event, then press Calculate. The tool shows exactly how much time has passed between them. ### Why does the number of days sometimes change in a leap year? A leap year adds an extra day (February 29), so the same date range can be one day longer. For example, the span from January 23 to April 5 is 72 days normally but 73 days in a leap year. ### Can I exclude specific days like vacations or sick leave from the total? Yes. Besides excluding weekends and public holidays in Settings, you can manually exclude individual dates, such as personal vacation days or sick leave, by adding them at the bottom of the tool before you calculate. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “CI Date Calculator” is open source software. The following people have contributed to this plugin. Contributors * [ Calculator.io ](https://profiles.wordpress.org/calculatorio/) [Translate “CI Date Calculator” into your language.](https://translate.wordpress.org/projects/wp-plugins/ci-date-calculator) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/ci-date-calculator/), check out the [SVN repository](https://plugins.svn.wordpress.org/ci-date-calculator/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/ci-date-calculator/) by [RSS](https://plugins.trac.wordpress.org/log/ci-date-calculator/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.0 * New shortcode attributes: `title`, `theme` (light, dark, auto), `accent` and ` max_width` * Responsive layout: form and results wrap into one column on narrow pages, wide tables scroll inside their own box * The frame now follows the calculator’s height when it changes or the window is resized * Fixed the missing heading icon * The plugin’s JavaScript and CSS are now shipped unminified * The WordPress-side script and styles load only on pages that use the shortcode #### 1.0.1 * Removed leftover files of earlier plugin versions * Tested up to WordPress 7.1 #### 1.0.0 * Initial release of Date Calculator ## Meta * Version **1.1.0** * Last updated **1 day ago** * Active installations **Fewer than 10** * WordPress version ** 5.0 or higher ** * Tested up to **7.1.4** * PHP version ** 7.4 or higher ** * Tag * [date calculator](https://wordpress.org/plugins/tags/date-calculator/) * [Advanced View](https://wordpress.org/plugins/ci-date-calculator/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/ci-date-calculator/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/ci-date-calculator/reviews/) ## Contributors * [ Calculator.io ](https://profiles.wordpress.org/calculatorio/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/ci-date-calculator/)