calendar-date,
calendar-range {
  &::part(button) {
    border: 1px solid var(--btn-border-color, var(--color-border));
    border-radius: var(--btn-radius, var(--rounded-md));
    background-color: var(--btn-background, var(--color-surface));
    padding: var(--btn-padding, 0.375rem);
  }
}

calendar-month {
  --color-accent: var(--color-primary);

  &::part(button) {
    border-radius: var(--btn-radius, var(--rounded-md));
  }
  &::part(range-inner) {
    border-radius: 0;
  }
  &::part(range-start) {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  &::part(range-end) {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  &::part(range-start range-end) {
    border-radius: var(--btn-radius, var(--rounded-md));
  }
}