API-table

import { FsCalendarModule } from "@fullstack-devops/ng-mat-components";

References

• demo: https://fullstack-devops.github.io/ng-mat-components/calendar-table
• code example: https://github.com/fullstack-devops/ng-mat-components/tree/main/projects/lib-workspace/src/app/content/calendar-table

---

Directives

.
└── fs-calendar-table
    └── fs-calendar-table-name

---

Examples

ui-frame in form

=== "HTML"

```html
<section class="mat-elevation-z4">
  <fs-calendar-table [dataSource]="calTableData">
    <fs-calendar-table-name> Persons </fs-calendar-table-name>
  </fs-calendar-table>
</section>
```

=== "TS"

``` typescript
// ...
import { CalendarTableEntry } from "@fullstack-devops/ng-mat-components";

@Component({
  selector: "example",
  templateUrl: "example.html",
  styleUrls: ["example.css"],
})
export class ExampleComponent implements OnInit {
  // this can also be empty
  calTableData: CalendarTableEntry[] = [
    {
      name: "Test User",
      data: [
        {
          date: new Date(this.today.getFullYear(), this.today.getMonth(), 20),
          toolTip: "Some longer text",
          char: "",
          colors: {
            backgroundColor: "#FFFFFF",
            color: "#000",
          },
        },
      ],
    },
  ];

  constructor() {}

  ngOnInit() {}
}
```

=== "CSS"

``` css

```