• Version 5.11.0
  • Published
  • 292 kB
  • 2 dependencies
  • MIT license


npm i @fullcalendar/daygrid
yarn add @fullcalendar/daygrid
pnpm add @fullcalendar/daygrid


Display events on Month view or DayGrid view



variable _default

const _default: _fullcalendar_common.PluginDef;


    function buildDayTableModel

    buildDayTableModel: (
    dateProfile: DateProfile,
    dateProfileGenerator: DateProfileGenerator
    ) => DayTableModel;


      class DayGridView

      class DayTableView extends TableView {}

        method render

        render: () => createElement.JSX.Element;

          class DayTable

          class DayTable extends DateComponent<DayTableProps, ViewContext> {}

            method render

            render: () => createElement.JSX.Element;

              class DayTableSlicer

              class DayTableSlicer extends Slicer<TableSeg, [DayTableModel]> {}

                property forceDayIfListItem

                forceDayIfListItem: boolean;

                  method sliceRange

                  sliceRange: (dateRange: DateRange, dayTableModel: DayTableModel) => TableSeg[];

                    class Table

                    class Table extends DateComponent<TableProps> {}

                      property handleRootEl

                      handleRootEl: (rootEl: HTMLElement | null) => void;

                        method prepareHits

                        prepareHits: () => void;

                          method queryHit

                          queryHit: (positionLeft: number, positionTop: number) => Hit;

                            method render

                            render: () => createElement.JSX.Element;

                              class TableView

                              abstract class TableView<State = Dictionary> extends DateComponent<
                              > {}

                                property headerElRef

                                protected headerElRef: RefObject<HTMLTableCellElement>;

                                  method renderHScrollLayout

                                  renderHScrollLayout: (
                                  headerRowContent: ChunkConfigRowContent,
                                  bodyContent: (contentArg: ChunkContentCallbackArgs) => VNode,
                                  colCnt: number,
                                  dayMinWidth: number
                                  ) => createElement.JSX.Element;

                                    method renderSimpleLayout

                                    renderSimpleLayout: (
                                    headerRowContent: ChunkConfigRowContent,
                                    bodyContent: (contentArg: ChunkContentCallbackArgs) => VNode
                                    ) => createElement.JSX.Element;


                                      interface TableSeg

                                      interface TableSeg extends Seg {}

                                        property firstCol

                                        firstCol: number;

                                          property lastCol

                                          lastCol: number;

                                            property row

                                            row: number;

                                              Package Files (1)

                                              Dependencies (2)

                                              Dev Dependencies (1)

                                              Peer Dependencies (0)

                                              No peer dependencies.


                                              To add a badge like this onejsDocs.io badgeto your package's README, use the codes available below.

                                              You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/@fullcalendar/daygrid.

                                              • Markdown
                                              • HTML
                                                <a href="https://www.jsdocs.io/package/@fullcalendar/daygrid"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>