navigation_options {toastui}

Options for buttons displayed above calendar

Description

Options for buttons displayed above calendar

Usage

navigation_options(
  today_label = "Today",
  prev_label = ph("caret-left"),
  next_label = ph("caret-right"),
  class = "bttn-bordered bttn-sm bttn-primary",
  bg = NULL,
  color = NULL,
  fmt_date = "YYYY-MM-DD",
  sep_date = " ~ "
)

Arguments

today_label

Text to display on today button.

prev_label

Text to display on prev button.

next_label

Text to display on next button.

class

Class to add to buttons.

bg, color

Background and text colors.

fmt_date

Format for the date displayed next to the buttons, use dayjs library (see https://day.js.org/docs/en/display/format).

sep_date

Separator to use between start date and end date.

Value

a list.

Note

Buttons are generated with the following CSS library : http://bttn.surge.sh/, where you can find available options for class argument.

Examples

# Use another button style
calendar(
  navigation = TRUE,
  navOpts = navigation_options(
    class = "bttn-stretch bttn-sm bttn-warning"
  )
)

# Custom colors (background and text)
calendar(
  navigation = TRUE,
  navOpts = navigation_options(bg = "#FE2E2E", color = "#FFF")
)

# both
calendar(
  navigation = TRUE,
  navOpts = navigation_options(
    bg = "#04B431", color = "#FFF",
    class = "bttn-float bttn-md"
  )
)


# Change date format and separator
calendar(
  navigation = TRUE,
  navOpts = navigation_options(
    fmt_date = "DD/MM/YYYY",
    sep_date = " - "
  )
)