daterangepicker icon indicating copy to clipboard operation
daterangepicker copied to clipboard

Button Input Option

Open rio-sanjuan opened this issue 5 years ago • 2 comments

Is there an easy way to mimic shiny::dateRangeInput's UI? I'd like to make daterangepicker look like this (with the entire container being a single button).

image

It looks like there's a way to make the original daterangepicker appear as a button (here http://www.daterangepicker.com/#ex4), but I'm having trouble getting it to work. Any help or pointers would be greatly appreciated!

rio-sanjuan avatar Oct 26 '20 18:10 rio-sanjuan

Hey, sry for the late reply. I am not sure I understand you correctly. You should have full styling capabilities with the style and class arguments. And do you mean example 4 (http://www.daterangepicker.com/#example4)?

This is not what you're asking or?

library(shiny)
library(daterangepicker)

## UI ##########################
ui <- fluidPage(
  br(),
  splitLayout(cellWidths = c("50%", "50%"),
              div(
                div(icon("calendar"), HTML("<b>Date Range</b>")),
                daterangepicker(
                  inputId = "datepicker",
                  style = "width:100%;text-align:center;",
                  class = "form-control",
                  label = NULL,
                  start = as.Date(Sys.time() + (5.5*60*60)) - 1,
                  end = as.Date(Sys.time() + (5.5*60*60)),
                  max = as.Date(Sys.time() + (5.5*60*60))
                ),
              )
  )
  ,dateRangeInput("daterange3", "Date range:",
                 start  = "2001-01-01",
                 end    = "2010-12-31",
                 min    = "2001-01-01",
                 max    = "2012-12-21",
                 separator = " - ")
)

## SERVER ##########################
server <- function(input, output, session) {}

shinyApp(ui, server)

trafficonese avatar Dec 17 '20 08:12 trafficonese

Can this be closed @rtjohnson12 or are you missing something?

trafficonese avatar Mar 31 '22 09:03 trafficonese