Add styling for inline and multi-month datepickers

[Copilot]

jQuery UI datepickers displayed incorrectly when using numberOfMonths > 1 or inline: true options. Missing CSS caused overlapping months and missing borders.

Changes

Inline datepicker support

• Added .ui-datepicker-inline styles with top border and inline-block display

Multi-month layout

• Added .ui-datepicker-multi container with auto-width
• 8px spacing between adjacent month groups via adjacent sibling selector
• Removed inner borders on .ui-datepicker-group-first/last/middle headers for seamless appearance

Example

// Both configurations now render correctly
$("#date").datepicker({ numberOfMonths: 2 });
$("#inline").datepicker({ inline: true });

All changes in src/general.scss, compiled to datepicker.css and datepicker.min.css.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• code.jquery.com
  • Triggering command: /usr/bin/curl curl -L -o jquery.min.js REDACTED (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Multiple months & inline datepicker</issue_title>
<issue_description>Thanks for the great UI!

I'm using Meta Box plugin (the free version). And I'm testing the styles with a date field with this test file and I get incorrect styles as below:

Multiple months:

Inline datepicker:

It would be great if there's a fix for that (and probably a mix of configs of jQueryUI).</issue_description>

Comments on the Issue (you are @copilot in this section)

@JJJ Hey @rilwis, I see what you mean. Definitely need to do an audit of the jQueryUI options!

• Fixes Multiple months & inline datepicker #13

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[Copilot]

Pull request overview

This PR adds CSS styling support for inline and multi-month jQuery UI datepickers in WordPress, addressing display issues reported in issue #13 where multiple months overlapped and inline datepickers lacked proper borders.

Key changes:

• Added styles for inline datepickers with proper borders and display properties
• Implemented multi-month layout support with spacing between month groups and cleaned up header borders
• Updated compiled CSS files (datepicker.css and datepicker.min.css) with the new styles

Reviewed changes

Copilot reviewed 3 out of 5 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
src/general.scss	Added inline datepicker styles (border-top, inline-block display) and multi-month layout styles (8px spacing between groups, border removal for seamless appearance)
datepicker.css	Compiled output with properly formatted CSS from the SCSS source
datepicker.min.css	Minified compiled output for production use
datepicker.css.map	Updated source map for debugging compiled CSS
package-lock.json	Standard npm lockfile updates (added package name, removed peer dependency flag)

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.