Kevin Sträßler

Repositories

3

Projects Packages

7

Public activity Starred repositories

@kstraessler/rentnercalendar (1.0.2)

Published 2026-03-20 16:26:57 +00:00 by kstraessler

Installation

Setup this registry in your project .npmrc file:

@kstraessler:registry=

To install the package using npm, run the following command:

npm install @kstraessler/rentnercalendar@1.0.2

or add it to the package.json file:

"@kstraessler/rentnercalendar": "1.0.2"

For more information on the npm registry, see the documentation.

About this package

RentnerCalendar

Eine einfache und anpassbare Kalender-Komponente für React-Anwendungen.

Installation

Installiere das Paket über npm:

npm install @kstraessler/rentnercalendar

Schritt-für-Schritt-Anleitung

Kalender in Komponenten verwenden

Nutze die Calendar Komponente, um einen Kalender anzuzeigen und ein Datum auszuwählen.

import { useState } from 'react'
import { Calendar } from '@kstraessler/rentnercalendar'

function MyComponent() {
  const [selectedDate, setSelectedDate] = useState<Date | undefined>(new Date())

  return (
    <div className="flex justify-center p-10">
      <Calendar
        value={selectedDate}
        onChange={setSelectedDate}
      />
    </div>
  )
}

Typdefinitionen

Calendar Props

Die Komponente nimmt folgende Parameter entgegen:

Parameter	Typ	Beschreibung
value	Date	Das aktuell ausgewählte Datum.
onChange	(date: Date) => void	Callback-Funktion, die aufgerufen wird, wenn ein Datum ausgewählt wird.
className	string	Zusätzliche CSS-Klassen für den Container.

CSS-Integration

Füge die folgenden Zeilen in deine Haupt-CSS-Datei ein, um die benötigten Farbvariablen zu definieren.

@import 'tailwindcss';
@source "../node_modules/@kstraessler/rentnercalendar";

@theme {
  --color-surface-dark: #1a1a1a;
  --color-border-dark: #2d2d2d;
  --color-primary: #13ecd6;
  --color-background-dark: #121212;
}

Dependencies

Dependencies

ID	Version
lucide-react	^0.577.0

Development dependencies

ID	Version
@tailwindcss/cli	^4.0.0
@types/react	^19.2.14
@types/react-dom	^19.2.3
tailwindcss	^4.0.0
typescript	^5.9.3

Peer dependencies

ID	Version
react	^18.0.0 || ^19.0.0
react-dom	^18.0.0 || ^19.0.0

Details

npm

2026-03-20 16:26:57 +00:00

1

latest

5.8 KiB

Assets (1)

rentnercalendar-1.0.2.tgz 5.8 KiB

Versions (3) View all

1.0.2 2026-03-20

1.0.1 2026-03-19

1.0.0 2026-03-19