import { Controls, Canvas, Meta, Source } from '@storybook/addon-docs/blocks';
import * as LunarCalendarStories from './LunarCalendar.stories';

<Meta of={LunarCalendarStories} />

<div className="header">
  <h1>LunarCalendar</h1>
  <p>Le composant `LunarCalendar` permet la saisie de dates selon le calendrier lunaire avec validation automatique et formatage.</p>
  <p>Il hérite des props et fonctionnalités du composant `SyTextField` de Synapse.</p>
</div>

{/* func-version-start */}
<p className="func-version-badge">Dernière mise à jour fonctionnelle : V1.1.3 - 27/07/2026</p>
{/* func-version-end */}
{/* a11y-version-start */}
<p className="a11y-version-badge">Dernière mise à jour accessibilité : V1.1.3 - 10/08/2026</p>
{/* a11y-version-end */}


<Canvas of={LunarCalendarStories.Default} />

# API

<Controls of={LunarCalendarStories.Default} />

# Exemples d'utilisation

## Champ requis

<Canvas of={LunarCalendarStories.Required} />

## Avec bouton de suppression

<Canvas of={LunarCalendarStories.WithClearable} />

## Avec texte d'aide

<Canvas of={LunarCalendarStories.HelpText} />