Changing drag handle icons?

[shrihari-prakash]

Clear and concise description of the problem

First of all, wonderful library! It was super flexible for most of my needs, and I really appreciated it!

I managed to style most parts of the calendar except for the drag handles. Those seem a little out of place with respect to the rest of the UI. Is there a possibility to send my own icon or modify it via JS? I've been trying to find the icon on the source code, but I couldn't and the icon div also seems empty.

Suggested solution

It would be good to have a prop to accept drag handle icon.

Alternative

No response

Additional context

No response

Validations

• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

[shrihari-prakash]

Ok nevermind, I just had to add the below css:

.rbc-addons-dnd-resizable {
  position: relative;
}
.rbc-addons-dnd-resize-ew-anchor {
  top: 3px !important;
}
.rbc-addons-dnd-resize-ew-icon, .rbc-addons-dnd-resize-ns-icon {
  background-color: hsla(var(--primary) / 50%);
  border: none !important;
  border-radius: 4px;
}
.rbc-addons-dnd-resize-ew-icon {
  width: 3px;
  height: 12px !important;
}
.rbc-addons-dnd-resize-ns-icon {
  height: 3px;
  width: 12px !important;
}