DayPilot.Navigator.cellWidth

The cellWidth property (number or string) specifies the width of the Navigator date picker cells in pixels. Instead of a number value, you can use "Auto" to switch the date picker to a responsive mode where it fills the available width.

Declaration

DayPilot.Navigator.cellWidth

Default Value

30

Examples

JavaScript

const dp = new DayPilot.Navigator("dp", {
  cellWidth: "Auto",
  // ...
});
dp.init();

Angular

<daypilot-navigator [config]="config"></daypilot-navigator>

config: DayPilot.NavigatorConfig = {
  cellWidth: "Auto",
  // ...
};

React

<DayPilotNavigator
  cellWidth="Auto"
  {/* ... */}
/>

Vue

<DayPilotNavigator
  cellWidth="Auto"
  <!-- ... -->
/>

See Also

DayPilot.Navigator Class