# ngtr-tiny-calendar

> A small Angular calendar for selecting dates.

Latest version **0.5.3** (published 2022-06-28) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install ngtr-tiny-calendar
pnpm add ngtr-tiny-calendar
yarn add ngtr-tiny-calendar
bun add ngtr-tiny-calendar
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.5.3 |
| Published | 2022-06-28 |
| First published | 2020-12-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 103.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Tim Roos |
| Maintainers | timroos |

## Links

- npm: https://www.npmjs.com/package/ngtr-tiny-calendar
- npm.io page: https://npm.io/package/ngtr-tiny-calendar

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^2.4.0

## Recent versions

- 0.5.3 (latest) — 2022-06-28
- 0.5.2 — 2022-06-07
- 0.5.1 — 2022-04-22
- 0.5.0 — 2021-11-12
- 0.4.10 — 2021-09-24
- 0.4.9 — 2021-09-24
- 0.4.8 — 2021-09-23
- 0.4.7 — 2021-07-14
- 0.4.6 — 2021-05-21
- 0.4.5 — 2021-05-19
- 0.4.4 — 2021-05-17
- 0.4.3 — 2021-05-17
- 0.4.2 — 2021-05-12
- 0.4.1 — 2021-04-22
- 0.4.0 — 2021-04-21
- … 14 more at https://npm.io/package/ngtr-tiny-calendar/versions

## README

# NgtrTinyCalendar

Tiny calendar for selecting dates. Uses Luxon DateTimes and Angular.

> DEPRECATED: Project moved into _ngtr-calendar_

- optional today-setter

#### 1. Import module.

```ts
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    ...
    NgtrTinyCalendarModule
    ...
  ],
  providers: [],
  bootstrap: [ AppComponent ]
})
```

#### 2. import in component

```ts
import { NgtrTinyCalendarComponent } from "ngtr-tiny-calendar";
```

```html
<ngtr-tiny-calendar
  style="width: 100%;"
  [viewDate]="viewDate"
  [today]="viewDate.minus({weeks: 3})"
  [minDate]="calendarService.minDateTime"
  [maxDate]="calendarService.maxDateTime"
  (viewDateChanged)="onTinyViewDateChanged($event)"
></ngtr-tiny-calendar>
```

#### 3. change colors in tiny-calendar and import scss file

```scss
$primary: #ff8000 !default;
$info: red !default;
$title-color: #ffffff !default;
$today-color: #5e9d69 !default;
$disabled-color: #ccc !default;
$disabled-text-color: #aaa !default;
$selected-day-color: #cedcf1 !default;
$hover-color: $info !default;

@import "~ngtr-tiny-calendar/ngtr-tiny-calendar.scss";
```

#### 4. (optional) Set locale

```ts
constructor() {
  Settings.defaultLocal = 'nl'
}
```

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.0.5.

## Code scaffolding

Run `ng generate component component-name --project ngtr-tiny-calendar` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngtr-tiny-calendar`.

> Note: Don't forget to add `--project ngtr-tiny-calendar` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build ngtr-tiny-calendar` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build ngtr-tiny-calendar`, go to the dist folder `cd dist/ngtr-tiny-calendar` and run `npm publish`.

## Running unit tests

Run `ng test ngtr-tiny-calendar` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

---
_Source: https://npm.io/package/ngtr-tiny-calendar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._