Experience date
Renders experience and date selectors, returning an Experience Slot Calendar Date object.
Renders two select inputs. The creator first selects an experience, then chooses a slot date from that experience's available dates.
Returns: An Experience Slot Calendar Date object.
Properties
| Property | Description | Required |
|---|---|---|
default | Accepts next_upcoming to select the next available date from the creator's published experiences. | No |
For performance reasons, the variants available via experience_date will be the 'blueprint' variant — it will have default pricing and stock levels. This does not match the specific pricing and stock for the variant on the chosen date if overrides have been applied.
Example
---
attributes:
highlighted_date:
type: experience_date
label: Highlighted date
default: next_upcoming
---{% if highlighted_date %}
<div class="date-card">
<h3>{{ highlighted_date.experience.name }}</h3>
<time>{{ highlighted_date.date | date: "%a %e %b %Y" }}</time>
</div>
{% endif %}Usage
{% if highlighted_date %}
<a href="{{ highlighted_date.experience.url }}">
<span>{{ highlighted_date.experience.name }}</span>
<time>{{ highlighted_date.date | date: "%-d %B %Y" }}</time>
{% for variant in highlighted_date.variants %}
<p>{{ variant.name }} — {{ variant.price | money }}</p>
{% endfor %}
</a>
{% endif %}