inline prop of DatePicker

[rururux]

Hello! First off, thank you very much for this excellent library.

I have a question regarding the Date Picker component.
Specifically, I'm trying to understand what changes when the inline property is used.

The documentation mentions the Inline setting, but the actual sample code uses the open property instead of inline.
I tried setting the inline property myself, but I didn't observe any change.
Furthermore, I searched this repository for usages of inline just to be sure, and I couldn't seem to find anywhere it is actually being used.

Is this an error in the documentation, or is there a specific meaning and use for this property that I might have missed?
Thank you for your time and assistance.

[segunadebayo]

Thank you for reporting this inconsistency! You were absolutely correct - there was a mismatch between the documentation and the example code.

I've now fixed all the examples across all frameworks (React, Solid, Vue, and Svelte) to use the inline prop as documented. The examples now correctly demonstrate:

  <DatePicker.Root inline>
    <DatePicker.Input />
    {/* Views without Portal, Positioner, or Content */}
  </DatePicker.Root>

The key difference between inline and open is:

• inline: Explicitly designed for inline display without popup positioning logic
• open: Controls the open/closed state of a popup date picker

[rururux]

Thank you for the reply and the quick turnaround!

I also realized later that the effect of the inline property is actually passed on to Zag, which is used internally.
I was able to confirm this after doing some investigation.