DatePicker inside ornament

Hi there. I'm having trouble getting DatePicker to render properly when used in an ornament.

I'm can see this working in a few apps already.

However, when I try it, it renders a tiny date picker inside of the element rather than popping out at proper size.

Here's what I am getting:

Here's a couple screenshots of what I'm trying to accomplish from a couple different apps:

Simplified code showing what I've tried:

MainView()
.ornament(attachmentAnchor: .scene(.top)) {
    DatePicker("Date", selection: $agenda.date, displayedComponents: .date)
        .labelsHidden()
        .glassBackgroundEffect(in: .capsule)
}
.toolbar {
    ToolbarItemGroup(placement: .bottomOrnament) {
        Button(action: agenda.setToday) {
            Text("Today")
        }
        DatePicker("Date", selection: $agenda.date, displayedComponents: .date)
            .labelsHidden()
    }
}
DatePicker inside ornament
 
 
Q